<template>
	<div class="flex flex-col" style="overflow: hidden" @click="hideDropdown">
		<a-card class="min-h-[68px] rounded my-[10px]" :body-style="{ padding: '12px 30px 50px', height: '100%' }"
			:bordered="false" style="min-height: 89vh">
			<div class="Title">{{ $t(`portal.Dpia`) }}</div>
			<a-form :form="form" layout="vertical" style="margin-bottom: 50px">
				<!-- 注册识别风险 -->
				<!-- DPIA的名称 -->
				<a-form-item :label="$t('menu.account.logout1122992277994544543265')" :label-col="{ span: 3 }"
					:wrapper-col="{ span: 21 }" layout="horizontal" labelAlign="left">
					<a-input v-decorator="[
						'DpiaName',
						{
							rules: [
								{
									required: true,
									message: $t('menu.a'),
								},
							],
						},
					]" :placeholder="$t('menu.account.logout1122992277994544543265444')
	" style="width: 409px; margin-right: 30px"></a-input>
				</a-form-item>
				<!-- DPIA模板 -->
				<a-form-item :label="$t('user.verification-code.required11156611028')" :label-col="{ span: 3 }"
					:wrapper-col="{ span: 21 }" layout="horizontal" labelAlign="left">
					<a-select :placeholder="$t('user.verification-code.required1115661102811')
						" style="width: 409px; margin-right: 30px" option-filter-prop="children" :filter-option="filterOption"
						v-decorator="[
							'DpiaModelId',
							{
								rules: [
									{
										required: pia,
										message: $t(
											'user.verification-code.required111566110577316'
										),
									},
								],
							},
						]" :disabled="Pia">
						<a-select-option v-for="items in dpiaSelectListsData" :value="items.value" :disabled="items.value == 1000 || items.value == 1001
							" :key="items.value">
							{{ items.label }}
						</a-select-option>
					</a-select>
				</a-form-item>
				<a-form-item :label="$t('user.verification-code.required11156611027')" :label-col="{ span: 3 }"
					:wrapper-col="{ span: 21 }" layout="horizontal" labelAlign="left">
					<div style="width: 409px;position: relative;">
						<a-input :placeholder="$t('portal.type.Rpa')" :disabled="this.$route.query.state == 'edit'"
							style="width: 409px;" @change="changeinpt" @click.stop="sele_op" v-model="label" />
						<!-- <div class="Down_a" @click.stop="sele_op" 
						:style="(this.$route.query.state == 'edit')? 'background:#e5e7eb;cursor: not-allowed;' :''"
						> -->
						<div style="position: absolute;top: 4px;right: 0px;">
							<!-- {{ label }} -->
							<span v-if="selectOption == 2" style="position: absolute;z-index: 100;right: 0px;">
								<a-icon type="up" style="margin: 0 11px; color: #ccc; font-size: 12px;" />
							</span>
							<span v-else style="position: absolute;z-index: 100;right: 0px;" @click.stop="sele_op">
								<a-icon type="down" style="margin: 0 11px; color: #ccc; font-size: 12px;" />
							</span>
						</div>
						<a-tabs style="width: 409px" class="Tas" :default-active-key='callkey' @click.stop="callback"
							v-if="selectOption == 2">
							<a-tab-pane key="1" tab="My RPA" style="margin-bottom: 0px !important;">
								<ul class="Ul_180">
									<li class="li_30" v-for="items in rpaListDatacope" :disabled="items.dpiaExist == 1"
										:style="(items.dpiaExist == 1) ? 'color:#d9d9d9;cursor: not-allowed;' : ''"
										@click="selectinput(items.value, items.label, items.dpiaExist)"
										:class="selinput == items.value ? 'Bsli' : ''" :key="items.value">
										{{ items.label }}
										<div class="he">
											<a-tooltip>
												<template slot="title">
													{{
														$t(
															'user.verification-code.required1115661105718'
														)
													}}
												</template>
												<a-icon type="file-search" style="margin: 0 6px;color: #00000094;"
													@click.stop="
													showsearch(items.value)
														" />
											</a-tooltip>
											<a-tooltip>
												<template slot="title">
													{{
														$t(
															'user.confirm-password.required'
														)
													}}
												</template>
												<a-icon type="copy" style="color: #00000094;" @click.stop="
												getSchoolName(items.value, true)
													" />
											</a-tooltip>
										</div>
									</li>
								</ul>
								<a-button style="
										display: flex;
										justify-content: center;
										width: 60%;
										align-items: center;
										margin: 6px auto;
									" type="primary" @mousedown="(e) => e.preventDefault()" @click="showModal()">{{ $t(`portal.rpa`)
									}}<a-icon type="arrow-right" /></a-button>
							</a-tab-pane>
							<a-tab-pane key="2" tab="Other RPA" style="margin-bottom: 0px;">
								<ul class="Ul_180">
									<li class="li_30" v-for="items in rpaListDatascope"
										style="color:#d9d9d9;cursor: not-allowed;" :key="items.value">
										{{ items.label }}
										<div class="he">
											<a-tooltip>
												<template slot="title">
													{{
														$t(
															'user.verification-code.required1115661105718'
														)
													}}
												</template>
												<a-icon type="file-search" style="margin: 0 6px;color: #00000094;"
													@click.stop="
													showsearch(items.value)
														" />
											</a-tooltip>
											<a-tooltip>
												<template slot="title">
													{{
														$t(
															'user.confirm-password.required'
														)
													}}
												</template>
												<a-icon type="copy" style="color: #00000094;" @click.stop="
												getSchoolName(items.value, true)
													" />
											</a-tooltip>
										</div>
									</li>
								</ul>
								<a-button style="
										display: flex;
										justify-content: center;
										width: 60%;
										align-items: center;
										margin: 6px auto;
									" type="primary" @mousedown="(e) => e.preventDefault()" @click="showModal()">{{ $t(`portal.rpa`)
									}}<a-icon type="arrow-right" /></a-button>
							</a-tab-pane>
						</a-tabs>
					</div>
				</a-form-item>

				<a-form-item :label="$t('user.verification-code.required11156611027')" :label-col="{ span: 3 }"
					:wrapper-col="{ span: 21 }" layout="horizontal" labelAlign="left" style="display: none;">
					<div @click.stop="selectinputDpia" style="width: 400px">
						<a-select :placeholder="$t('portal.type.Rpa')" style="width: 409px; margin-right: 30px"
							option-filter-prop="children" :filter-option="filterOption" show-search @change="selectinput"
							:disabled="this.$route.query.state == 'edit'" :open="selectOpen" @select="selectOpen = false"
							v-decorator="[
								'DpiaRpaId',
								{
									rules: [
										{
											required: false,
											message: $t(
												'user.verification-code.required111566110577315'
											),
										},
									],
								},
							]">
							<div slot="dropdownRender" slot-scope="menu" style="width: 100%">
								<v-nodes :vnodes="menu" />
								<a-divider style="margin: 0px 0" />
								<a-button style="
										display: flex;
										justify-content: center;
										width: 60%;
										align-items: center;
										margin: 6px auto;
									" type="primary" @mousedown="(e) => e.preventDefault()" @click="showModal()">{{ $t(`portal.rpa`)
									}}<a-icon type="arrow-right" /></a-button>
							</div>
							<a-select-option class="options" v-for="items in rpaListData" :disabled="items.dpiaExist == 1
								" :value="items.value" :key="items.value">{{ items.label }}
								<div class="he">
									<a-tooltip>
										<template slot="title">
											{{
												$t(
													'user.verification-code.required1115661105718'
												)
											}}
										</template>
										<a-icon type="file-search" style="margin: 0 6px" @click.stop="
										showsearch(items.value)
											" />
									</a-tooltip>
									<a-tooltip>
										<template slot="title">
											{{
												$t(
													'user.confirm-password.required'
												)
											}}
										</template>
										<a-icon type="copy" @click.stop="
										getSchoolName(items.value, true)
											" />
									</a-tooltip>
								</div>
							</a-select-option>
						</a-select>
					</div>
				</a-form-item>

				<div style="margin-top: 45px" v-if="rpashow">
					<a-form-item label="ID" v-show="false" class="hidden">
						<a-input v-decorator="['Id']" disabled />
					</a-form-item>
					<a-row>
						<a-col :span="12" v-if="state !== 'add'">
							<a-form-item style="margin: 0" :label="$t('user.password.strength.medium66667777')
								">
								<a-input v-decorator="['RpaId']" placeholder="RPA001" disabled style="width: 390px" />
							</a-form-item>
						</a-col>
						<a-col :span="12">
							<!-- Rpa名称 -->
							<a-form-item :label="$t('user.password.strength.medium12121212')
								">
								<!-- 内容信息 -->
								<a-input :placeholder="$t('user.password.strength.medium222')
									" :disabled="disabled" style="width: 390px" v-decorator="[
		'RpaName',
		{
			rules: [
				{
					required: true,
					message: $t(
						'user.password.strength.medium2226677'
					),
				},
			],
		},
	]" />
								<!-- 提示信息 -->
								<a-tooltip>
									<template slot="title">
										{{
											$t(
												'user.verification-code.required111566110577371442281431444'
											)
										}}
									</template>
									<a-icon type="question-circle" style="margin-left: 10px"></a-icon>
								</a-tooltip>
							</a-form-item>
						</a-col>
						<a-col :span="12">
							<!-- 数据控制者 -->
							<a-form-item :label="$t('user.login.remember-me121213')">
								<!-- 内容信息 -->
								<a-select mode="multiple" @change="changeselect" @focus="handleFocus" style="width: 390px"
									v-decorator="[
										'RpaDataController',
										{
											rules: [
												{
													required: true,
													message: $t(
														'user.login.forgot-password23r423'
													),
												},
											],
										},
									]" :placeholder="$t('user.login.forgot-password')
	" :disabled="disabled" option-filter-prop="children">
									<a-select-option v-for="item in systemControllerSourceData" :value="item.value"
										:key="item.label + item.value">{{ item.label }}
									</a-select-option>
								</a-select>
								<!-- 提示信息 -->
								<a-tooltip>
									<template slot="title">
										{{
											$t(
												'user.verification-code.required111566110577371442281431333'
											)
										}}
									</template>
									<a-icon type="question-circle" style="margin-left: 10px"></a-icon>
								</a-tooltip>
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12" v-if="otherflag">
							<!-- // -->
							<!-- Other内容 -->
							<a-form-item label="Other">
								<!-- // -->
								<!-- 内容信息 -->
								<a-input :disabled="disabled" style="width: 390px" v-decorator="[
									'RpaDataControllerOther',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.required111566110577336'
												),
											},
										],
									},
								]" />
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12">
							<!-- 业务负责人 -->
							<a-form-item :label="$t('user.password.strength.low1114545')" :colon="false" labelAlgin="left">
								<a-select :placeholder="$t('user.password.strength.low111222')
									" show-search v-model="inputValue" @search="filte1rOption" :showArrow="false" :filter-option="false"
									allowClear v-decorator="[
										'RpaLeaderMaster',
										{
											rules: [
												{
													required: true,
													message: $t(
														'user.password.strength.low111222234534'
													),
												},
											],
										},
									]" style="width: 390px" :disabled="disabled">
									<a-select-option v-for="item in userList" :value="item.value"
										:key="item.label + item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
						<a-col :span="12">
							<!-- 业务备选负责人 -->
							<a-form-item :label="$t('user.password.strength.low222q3214')
								" :colon="false" labelAlgin="left">
								<a-select :placeholder="$t('user.password.strength.low22222212')
									" v-decorator="['RpaLeaderRetinue']" show-search :default-active-first-option="false" v-model="inputValue"
									@search="filte1rOption" :showArrow="false" :filter-option="false" style="width: 390px"
									allowClear :disabled="disabled">
									<a-select-option v-for="item in userList" :value="item.value"
										:key="item.label + item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12">
							<!-- 业务主要目的 -->
							<a-form-item>
								<span slot="label" style="white-space: normal">{{
									$t(
										'user.verification-code.required1122'
									)
								}}</span>

								<a-select :placeholder="$t('bussic.target.select')" :showArrow="false"
									:filter-option="false" allowClear @change="changePurposeSelect" v-decorator="[
										'RpaObjective',
										{
											rules: [
												{
													required: true,
													message: $t(
														'user.verification-code.required11oo3245'
													),
												},
											],
										},
									]" style="width: 390px" :disabled="disabled">
									<a-select-option v-for="item in [
										'bussic.target.a',
										'bussic.target.b',
										'bussic.target.c',
										'bussic.target.d',
										'bussic.target.e',
										'bussic.target.f',
										'bussic.target.g',
										'bussic.target.h',
									]" :value="item" :key="item" :title="item">
										{{ $t(item) }}
									</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
						<a-col :span="12" v-if="otherPurpose">
							<!-- 业务目的的补充 -->
							<a-form-item :label="$t('bussic.target.supplement')">
								<a-input :placeholder="$t(
									'user.password.strength.low111222444'
								)
									" show-search v-model="inputValue" @search="filte1rOption" :showArrow="false" :filter-option="false"
									allowClear v-decorator="[
										'RpaObjectiveOther',
										{
											rules: [
												{
													required: true,
													message: $t(
														'user.password.strength.low11122223453455'
													),
												},
											],
										},
									]" style="width: 390px" :disabled="disabled" />
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12">
							<!-- 请说明业务活动发生的频率 -->
							<a-form-item :label="$t(
								'user.verification-code.required11156611057737144123123'
							)
								">
								<a-select :placeholder="$t(
									'user.verification-code.required111566110577371446'
								)
									" v-decorator="[
		'RpaProcessingActivityCycle',
		{
			rules: [
				{
					required: true,
					message: $t(
						'user.verification-code.required111566110577371449'
					),
				},
			],
		},
	]" show-search option-filter-prop="children" :filter-option="filterOption" style="width: 390px" allowClear
									:disabled="disabled">
									<a-select-option v-for="item in RpaProcessingActivityCycleList" :value="item.value"
										:key="item.label + item.value">
										{{ $t(item.label) }}
									</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12">
							<!-- 数据处理频率 -->
							<a-form-item>
								<span slot="label">{{
									$t(
										'user.verification-code.required111566110577371447'
									)
								}}</span>
								<a-input :placeholder="$t(
											'user.verification-code.required111566110577371448'
										)
										" style="width: 390px" v-decorator="[
			'RpaFrequency',
			{
				rules: [
					{
						required: true,
						message: $t(
							'user.verification-code.required11156611057737144966666'
						),
					},
				],
			},
		]" :disabled="disabled" />
								<!-- 提示信息 -->
								<a-tooltip>
									<template slot="title">
										{{
											$t(
												'user.verification-code.required111566110577371442281431222'
											)
										}}
									</template>
									<a-icon type="question-circle" style="margin-left: 10px"></a-icon>
								</a-tooltip>
							</a-form-item>
						</a-col>
						<a-col :span="12">
							<!-- 数据存储期限 -->
							<a-form-item :label="$t(
								'user.verification-code.required111566110577371441167547'
							)
								">
								<a-input v-decorator="[
									'RpaStoragePeriod',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.required111566110577376'
												),
											},
										],
									},
								]" :placeholder="$t(
	'user.verification-code.required1115661105773714412'
)
	" :disabled="disabled" style="width: 390px" />
								<!-- 提示信息 -->
								<a-tooltip>
									<template slot="title">
										{{
											$t(
												'user.verification-code.required11156611057737144228143122299'
											)
										}}
									</template>
									<a-icon type="question-circle" style="margin-left: 10px"></a-icon>
								</a-tooltip>
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12">
							<!-- 涉及个人信息主体的数量 -->
							<a-form-item :label="$t(
								'user.verification-code.required1115661105773714413123'
							)
								">
								<a-select v-decorator="[
									'RpaNumber',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.required1115661105773714414'
												),
											},
										],
									},
								]" show-search option-filter-prop="children" :filter-option="filterOption" :placeholder="$t(
	'user.verification-code.required1115661105773714415'
)
	" allowClear style="width: 390px" :disabled="disabled">
									<a-select-option v-for="items in RpaNumberList" :value="items.value"
										:key="items.label + items.value">{{ $t(items.label) }}
									</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
						<a-col :span="12">
							<!-- 涉及敏感个人信息主体的数量 -->
							<a-form-item :label="$t(
								'user.verification-code.required1115661105773714416'
							)
								">
								<a-select v-decorator="[
									'RpaSensitiveNumber',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.required1115661105773714418'
												),
											},
										],
									},
								]" show-search option-filter-prop="children" :filter-option="filterOption" :placeholder="$t(
	'user.verification-code.required1115661105773714417'
)
	" style="width: 390px" allowClear :disabled="disabled">
									<a-select-option v-for="items in RpaSensitiveNumberList" :value="items.value"
										:key="items.label + items.value">{{ $t(items.label) }}
									</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
					</a-row>
					<!-- 处理活动的系统或网络环境 -->
					<a-row>
						<a-col :span="12">
							<!-- 本次业务活动是否涉及线上处理活动 -->
							<a-form-item :label="$t(
								'user.verification-code.required1115661105773714422'
							)
								">
								<a-select v-decorator="[
									'RpaCollectionChannels',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.required11156611057737144224545'
												),
											},
										],
									},
								]" @change="onChanges" show-search option-filter-prop="children" :filter-option="filterOption" :placeholder="$t(
	'user.verification-code.required11156611057737144221'
)
	" allowClear style="width: 390px" :disabled="disabled">
									<a-select-option v-for="items in RpaCollectionChannelsList" :value="items.value"
										:key="items.label + items.value">{{ $t(items.label) }}
									</a-select-option>
								</a-select>
								
							</a-form-item>
						</a-col>
						<a-col :span="12" v-if="changvalue == 1">
							<a-form-item :label="$t(
								'user.verification-code.required1115661105773714419'
							)
								">
								<a-select v-decorator="[
									'RpaSystemNetwork',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.required1115661105773714421'
												),
											},
										],
									},
								]" show-search option-filter-prop="children" :filter-option="filterOption" :placeholder="$t(
	'user.verification-code.required1115661105773714420'
)
	" allowClear style="width: 390px" :disabled="disabled">
									<a-select-option v-for="items in RpaSystemNetworkList" :value="items.value"
										:key="items.label + items.value">{{ $t(items.label) }}
									</a-select-option>
								</a-select>
								<!-- 提示信息 -->
								<a-tooltip>
									<template slot="title">
										{{
											$t(
												'user.verification-code.required11156611057737144228143122288'
											)
										}}
									</template>
									<a-icon type="question-circle" style="margin-left: 10px"></a-icon>
								</a-tooltip>
							</a-form-item>
						</a-col>
					</a-row>
					<a-row>
						<a-col :span="12">
							<!-- 私隐影响评估 -->
							<a-form-item :label="$t('user.verification-code.requiredLuck11')
								">
								<a-radio-group v-decorator="['RpaIfCompletedPIA']" v-model="initFromData.RpaIfCompletedPIA"
									:disabled="disabled" @change="onChangePIA">
									<a-radio :value="0">{{
										$t(
											'user.verification-code.requiredLuck11no'
										)
									}}</a-radio>
									<a-radio :value="1">{{
										$t(
											'user.verification-code.requiredLuck11yes'
										)
									}}</a-radio>
								</a-radio-group>
							</a-form-item>
						</a-col>
					</a-row>
					<div v-if="initFromData.RpaIfCompletedPIA == 0">
						<a-row>
							<a-col :span="24">
								<div style="
										color: rgba(0, 0, 0, 0.85);
										padding: 0 0 8px;
									">
									<span style="
											font-family: SimSun, sans-serif;
											margin-right: 4px;
											color: #f5222d;
											font-size: 14px;
											line-height: 1;
										">*</span>
									{{
										$t(
											'user.verification-code.requiredtuoxuanone111'
										)
									}}
								</div>
								<a-form-item>
									<p style="color: rgba(0, 0, 0, 0.85)">
										{{
											$t(
												'user.verification-code.required11156611057737144222'
											)
										}}
									</p>
									<!-- 文件上传 -->
									<a-button v-if="disabled" disabled icon="upload">
										{{
											$t(
												'user.verification-code.required111566163'
											)
										}}
									</a-button>
									<a-upload name="file"
										accept=".png, .jpg, .jpeg, .gif, .txt, .pdf, .doc, .docx, .xlsx, .xls, .ppt, .pptx, .vsd, .vsdx, .vssx, .vstx, .vsdm, .vssm, .vstm, .zip, .tar, .rar, .msg"
										:beforeUpload="beforeUpload" :file-list="fileLists" :remove="fn"
										:customRequest="handleChange" v-else>
										<a-button>
											<a-icon type="upload" />
											{{
												$t(
													'user.verification-code.required111566163'
												)
											}}
										</a-button>
									</a-upload>
									<i style="font-size: 12px; margin-bottom: 8px">{{
										$t('user.verification-code.support')
									}}</i>
								</a-form-item>
								<a-form-item>
									<span slot="label" style="white-space: normal">{{
										$t(
											'user.verification-code.required11156611057737144223'
										)
									}}</span>
									<a-textarea v-decorator="[
										'RpaDataFlowDiagramDescribe',
									]" v-model="initFromData.RpaDataFlowDiagramDescribe
		" :auto-size="{ minRows: 3, maxRows: 7 }" style="width: 490px" :placeholder="$t(
			'user.verification-code.required11156611057737144224'
		)
			" :disabled="disabled" />
								</a-form-item>

								<div style="
										color: rgba(0, 0, 0, 0.85);
										padding: 0 0 8px;
									">
									<span style="
											font-family: SimSun, sans-serif;
											margin-right: 4px;
											color: #f5222d;
											font-size: 14px;
											line-height: 1;
										">*</span>
									{{
										$t(
											'user.verification-code.requiredtuoxuanone222'
										)
									}}
								</div>
								<a-form-item>
									<p style="color: rgba(0, 0, 0, 0.85)">
										{{
											$t(
												'user.verification-code.required11156611057737144225'
											)
										}}
									</p>
									<!-- 文件上传 -->
									<a-button v-if="disabled" disabled icon="upload">
										{{
											$t(
												'user.verification-code.required111566163'
											)
										}}
									</a-button>
									<a-upload name="file"
										accept=".png, .jpg, .jpeg, .gif, .txt, .pdf, .doc, .docx, .xlsx, .xls, .ppt, .pptx, .vsd, .vsdx, .vssx, .vstx, .vsdm, .vssm, .vstm, .zip, .tar, .rar, .msg"
										:beforeUpload="beforeUpload" :file-list="RpaSystemFileLists" :multiple="true"
										:customRequest="RpaSystemHandleChange" :remove="fn1" v-else>
										<a-button>
											<a-icon type="upload" />
											{{
												$t(
													'user.verification-code.required111566163'
												)
											}}
										</a-button>
									</a-upload>
									<i style="font-size: 12px; margin-bottom: 8px">{{
										$t('user.verification-code.support')
									}}</i>
								</a-form-item>
								<a-form-item>
									<span slot="label" style="white-space: normal">{{
										$t(
											'user.verification-code.required1115661105773714422333'
										)
									}}</span>
									<a-textarea v-decorator="[
										'RpaSystemArchitectureDescribe',
									]" v-model="initFromData.RpaSystemArchitectureDescribe
		" :auto-size="{ minRows: 3, maxRows: 7 }" style="width: 490px" :placeholder="$t(
			'user.verification-code.required1115661105773714422812'
		)
			" :disabled="disabled" />
								</a-form-item>
							</a-col>
						</a-row>
						<a-row>
							<a-col :span="24">
								<div style="display: flex">
									<span style="
											font-family: SimSun, sans-serif;
											margin-right: 4px;
											color: #f5222d;
											font-size: 14px;
											line-height: 1;
										">*</span>
									<a-form-item :label="$t(
										'user.verification-code.requiredLuck15'
									)
										">
										<a-checkbox v-decorator="[
											'RpaNoPIOrImportantInvolved',
										]" v-model="initFromData.RpaNoPIOrImportantInvolved
	" :disabled="disabled" @change="checkBoxChange">
											<span>{{
												$t(
													'user.verification-code.requiredLuck2311'
												)
											}}</span>
											<a-popover title="Personal Information" placement="bottom" trigger="click"
												:overlayStyle="{ width: '30%' }">
												<template #content style="width: 300px">
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck16'
															)
														}}
													</p>
												</template>
												<a-button type="link" style="padding: 0 2px">{{
													$t(
														'user.verification-code.requiredLuck2333'
													)
												}}</a-button>
											</a-popover>
											<span>{{
												$t(
													'user.verification-code.requiredLuck2322'
												)
											}}</span>
											<a-popover title="Important Data" placement="bottom" trigger="click"
												:overlayStyle="{ width: '30%' }">
												<template #content style="width: 300px">
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck17'
															)
														}}
													</p>
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck18'
															)
														}}
													</p>
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck19'
															)
														}}
													</p>
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck20'
															)
														}}
													</p>
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck21'
															)
														}}
													</p>
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck22'
															)
														}}
													</p>
													<p>
														{{
															$t(
																'user.verification-code.requiredLuck23'
															)
														}}
													</p>
												</template>
												<a-button type="link" style="padding: 0 2px">{{
													$t(
														'user.verification-code.requiredLuck2344'
													)
												}}</a-button>
											</a-popover>
											{{
												$t(
													'user.verification-code.requiredLuck2355'
												)
											}}
										</a-checkbox>
									</a-form-item>
								</div>
							</a-col>
						</a-row>
						<a-row v-if="initFromData.RpaNoPIOrImportantInvolved">
							<div style="display: flex">
								<span style="
										font-family: SimSun, sans-serif;
										margin-right: 4px;
										color: #f5222d;
										font-size: 14px;
										line-height: 1;
									">*</span>
								{{
									$t(
										'user.verification-code.requiredLuck1515'
									)
								}}
							</div>

							<a-col :span="24">
								<a-form-item>
									<a-textarea v-decorator="[
										'RpaNoPIDescProcessedData',
										{
											rules: [
												{
													required: true,
													message: $t(
														'user.verification-code.requiredLuck15'
													),
												},
											],
										},
									]" v-model="initFromData.RpaNoPIOrImportantInvolved
	" :auto-size="{ minRows: 3, maxRows: 7 }" style="width: 490px" :placeholder="$t(
		'user.verification-code.requiredLuck1555'
	)
		" :disabled="disabled" />
								</a-form-item>
							</a-col>
						</a-row>

						<div v-if="!initFromData.RpaNoPIOrImportantInvolved">
							<!-- 详情数据 -->
							<a-row>
								<a-col :span="24" style="margin-left: -50px">
									<a-form-item style="
											margin-right: 0;
											margin-left: 60px;
										">
										<a-table size="middle" class="h-full overflow-x-auto" :data-source="diDataLists"
											:pagination="{ pageSize: 5 }" :scroll="{ x: 1900 }" bordered
											:rowKey="(record) => record.Id" style="
												margin-left: -10px;
												margin-top: 10px;
											" :row-selection="{
												selectedRowKeys:
													selectedRowKeys,
												onChange: onSelectChange,
												onSelectAll: onSelectAll,
											}">
											<!-- 相关DI -->
											<a-table-column key="DataAssetsId" data-index="DataAssetsId" width="100px">
												<span slot="title">{{
													$t(
														'user.verification-code.required111566110577136'
													)
												}}</span>
												<template slot-scope="text, record">
													<a @click="
													showModel(record)
														">
														{{
															record.DataAssetsId
														}}
													</a>
													<!-- <a-button type="link" @click="delde(record)">{{ $t('app.setting.copy') }}</a-button> -->
												</template>
											</a-table-column>
											<!--数据字段 -->
											<a-table-column key="DataItemStr" width="310px">
												<template #title>
													<div class="title-content">
														{{
															$t(
																'app.setting.themecolor.dust'
															)
														}}
														<p class="little-tag">
															{{
																$t(
																	'app.setting.themecolor.dusttip.be'
																)
															}}
															<span class="blue-content">China-DG@enterprise.com</span>
															{{
																$t(
																	'app.setting.themecolor.dusttip.af'
																)
															}}
														</p>
													</div>
												</template>
												<template slot-scope="text, record">
													<span>
														<!-- 数据字段 -->
														<div>
															<a-select :placeholder="$t(
																'app.setting.themecolor.dust.select'
															)
																" v-model="record.DataItemsStr
		" show-search :show-arrow="false
		" :filter-option="false
		" @focus="filterSearchInputOption
		" @search="filterSearchInputOption
		" :disabled="disabled
		" @change="handleDiChange
		" v-if="$t(
				'app.setting.themecolor.dust'
			) ==
			'数据字段'
			" :dropdownMatchSelectWidth="false
			" :dropdownStyle="{
		width: '580px',
	}" popupClassName="select-drop-down-platform">
																<a-select-option v-for="item in dataItemsSearchData" :value="item.value
																	" :key="item.label + item.value">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				item.label
																			}}
																		</template>
																		<span class="long-text">{{
																			item.label
																		}}</span>
																	</a-tooltip>
																</a-select-option>
															</a-select>
															<a-select :placeholder="$t(
																'app.setting.themecolor.dust.select'
															)
																" v-model="record.DataItemsStr
		" show-search :show-arrow="false
		" :filter-option="false
		" @focus="filterSearchInputOptionEn
		" @search="filterSearchInputOptionEn
		" @change="handleDiChange
		" style="
																	max-width: 400px;
																	min-width: 150px;
																" :disabled="disabled
																	" v-else :dropdownMatchSelectWidth="false
		" :dropdownStyle="{
		width: '580px',
	}">
																<a-select-option v-for="item in dataItemsSearchData" :value="item.value
																	" :key="item.value +
		item.labelEn
		">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				lang ===
																				'zh-CN'
																				? item.label
																				: item.labelEn ||
																				item.label
																			}}
																		</template>
																		{{
																			lang ===
																			'zh-CN'
																			? item.label
																			: item.labelEn ||
																			item.label
																		}}
																	</a-tooltip>
																</a-select-option>
															</a-select>
														</div>
													</span>
												</template>
											</a-table-column>
											<!-- 数据级别 -->
											<a-table-column key="DataLevelStr" data-index="DataLevelStr" width="90px">
												<span slot="title">{{
													$t(
														'user.verification-code.required111566110577137'
													)
												}}</span>
											</a-table-column>
											<!-- // 数据敏感度 -->
											<a-table-column key="DataSensitivityStr" data-index="DataSensitivityStr"
												width="180px">
												<span slot="title">{{
													$t(
														'user.verification-code.required111566110577138'
													)
												}}</span>
											</a-table-column>
											<a-table-column key="DetailNecessity" :title="$t(
														'user.verification-code.required1115661105771399999'
													)
													" width="200px">
												<template slot-scope="text, record">
													<span>
														<!-- 数据处理必要性 -->
														<a-input v-model="record.DetailNecessity
															" :placeholder="$t(
		'user.verification-code.required111566110577139'
	)
		" :disabled="disabled" />
													</span>
												</template>
											</a-table-column>
											<a-table-column key="DataCity" :title="$t(
												'user.verification-code.required1199'
											)
												" width="160px">
												<template slot-scope="text, record">
													<span>
														<!-- 城市 -->
														<div>
															<a-select v-model="record.DataCity
																" :placeholder="$t(
		'user.verification-code.required1199'
	)
		" style="
																	max-width: 300px;
																	min-width: 120px;
																" :disabled="disabled
																	" mode="multiple" option-filter-prop="children">
																<a-select-option v-for="item in sonfigurationItemsContent"
																	:value="item.value
																		" :key="item.label +
		item.value
		">
																	{{
																		item.label
																	}}
																</a-select-option>
															</a-select>
														</div>
													</span>
												</template>
											</a-table-column>
											<!-- 数据存放地点 -->
											<a-table-column key="DataDeposit" :title="$t(
												'user.verification-code.required1115661105771400000'
											)
												" width="230px">
												<template slot-scope="text, record">
													<span>
														<!-- 数据存放地点 -->
														<a-select v-model="record.DataDeposit
															" option-filter-prop="children" :placeholder="$t(
		'user.verification-code.required1115661105771400000'
	)
		" style="
																max-width: 300px;
																min-width: 140px;
															" :disabled="disabled" mode="multiple" :filter-option="false
																" @search="positionSearch
		" :dropdownMatchSelectWidth="false
		">
															<a-select-option v-for="item in fonfigurationItemsContent"
																:value="item.value
																	" :key="item.label +
		item.value
		">
																<a-tooltip placement="topLeft">
																	<template slot="title">
																		{{
																			item.label
																		}}
																	</template>
																	<span class="long-text">{{
																		item.label
																	}}</span>
																</a-tooltip>
															</a-select-option>
														</a-select>
													</span>
												</template>
											</a-table-column>
											<!-- 来源 -->
											<a-table-column key="DataSource" :title="$t(
												'user.register-result.msg'
											)
												" width="250px">
												<template slot-scope="text, record">
													<span>
														<div class="conter">
															<a-select v-model="record.DataSource
																" :placeholder="$t(
		'user.register-result.msg'
	)
		" option-filter-prop="children" :filter-option="false
		" style="
																	max-width: 800px;
																	min-width: 200px;
																" mode="multiple" :disabled="disabled
																	" @search="fetchUser
		" @focus="fetchUser
		" :dropdownMatchSelectWidth="false
		" :dropdownStyle="{
		width: '380px',
	}" @popupScroll="appendData
	">
																<template slot="notFoundContent">
																	<center>
																		<a-button type="dashed" @click="
																			onChange1(
																				record,
																				'DataSource'
																			)
																			" v-if="!appidLists.length
		">{{
		$t(
			'rpa.form.AddApplication'
		)
	}}
																		</a-button>
																	</center>
																</template>
																<a-select-option v-for="(
																		item,
																				ind
																	) in appidLists" :value="item.value
																		" :key="ind +
		item.value
		">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				item.label
																			}}
																		</template>
																		<span class="long-text">{{
																			item.label
																		}}</span>
																	</a-tooltip>
																</a-select-option>
															</a-select>
														</div>
													</span>
												</template>
											</a-table-column>
											<!-- 目的地 -->
											<a-table-column key="DataDestination" :title="$t(
												'user.register-result.activation-email'
											)
												">
												<template slot-scope="text, record">
													<span>
														<div class="conter">
															<a-select mode="multiple" v-model="record.DataDestination
																" @search="fetchUser
		" @focus="fetchUser
		" :disabled="disabled
		" option-filter-prop="children" :placeholder="$t(
		'user.register-result.activation-email'
	)
		" style="
																	max-width: 800px;
																	min-width: 200px;
																" :filter-option="false
																	" :dropdownMatchSelectWidth="false
		" :dropdownStyle="{
		width: '380px',
	}" @popupScroll="appendData
	">
																<template slot="notFoundContent">
																	<center>
																		<a-button type="dashed" @click="
																			onChange1(
																				record,
																				'DataDestination'
																			)
																			" v-if="!appidLists.length
		">{{
		$t(
			'rpa.form.AddApplication'
		)
	}}
																		</a-button>
																	</center>
																</template>
																<a-select-option v-for="item in appidLists" :value="item.value
																	" :key="item.label +
		item.value
		">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				item.label
																			}}
																		</template>
																		<span class="long-text">{{
																			item.label
																		}}</span>
																	</a-tooltip>
																</a-select-option>
															</a-select>
														</div>
													</span>
												</template>
											</a-table-column>
											// 操作
											<a-table-column key="action" :title="$t(
												'app.setting.othersettings'
											)
												" v-if="!disabled" width="75px">
												<template slot-scope="text, record">
													<span>
														<!-- 删除 -->
														<a-popconfirm :title="$t(
															'user.verification-code.required111566110577225'
														)
															" :ok-text="$t(
		'user.verification-code.required1166'
	)
		" :cancel-text="$t(
		'user.email.required11'
	)
		" @confirm="() =>
		delxiangqing(
			record,
			state
		)
		" v-if="!disabled">
															<a-button type="link" size="small">{{
																$t(
																	'menu.exception.trigger'
																)
															}}</a-button>
														</a-popconfirm>
													</span>
												</template>
											</a-table-column>
										</a-table>
										<a-modal v-model="batchVisible" width="600px">
											<a-space>
												<div class="ty"></div>
												{{ $t('user.editcontent') }}
											</a-space>
											<a-form :form="batchUpForm" :label-col="{ span: 14 }"
												:wrapper-col="{ span: 10 }" layout="horizontal" labelAlign="left">
												<a-checkbox-group @change="onChange" v-model="checkedValues">
													<div class="flex-row">
														<a-checkbox value="DetailNecessity"></a-checkbox>
														<a-form-item :label="$t(
															'user.verification-code.required1115661105771399999'
														)
															">
															<a-input v-decorator="[
																'DetailNecessity',
															]" :placeholder="$t(
	'user.verification-code.required111566110577139'
)
	" @change="
		onChange(
			checkedValues
		)
		"></a-input>
														</a-form-item>
													</div>
													<div class="flex-row">
														<a-checkbox value="DataCity"></a-checkbox>
														<a-form-item :label="$t(
															'user.verification-code.required1199'
														)
															">
															<a-select v-decorator="[
																'DataCity',
															]" :placeholder="$t(
	'user.verification-code.required1199'
)
	" mode="multiple" option-filter-prop="children" @change="
		onChange(
			checkedValues
		)
		">
																<a-select-option v-for="item in sonfigurationItemsContent"
																	:value="item.value
																		" :key="item.label +
		item.value
		">
																	{{
																		item.label
																	}}
																</a-select-option>
															</a-select>
														</a-form-item>
													</div>
													<div class="flex-row">
														<a-checkbox value="DataDeposit"></a-checkbox>
														<a-form-item :label="$t(
															'user.verification-code.required1115661105771400000'
														)
															">
															<a-select v-decorator="[
																'DataDeposit',
															]" :placeholder="$t(
	'user.verification-code.required1115661105771400000'
)
	" option-filter-prop="children" mode="multiple" :filter-option="false
		" @change="
		onChange(
			checkedValues
		)
		" @search="positionSearch
		">
																<a-select-option v-for="item in fonfigurationItemsContent"
																	:value="item.value
																		" :key="item.label +
		item.value
		">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				item.label
																			}}
																		</template>
																		{{
																			item.label
																		}}
																	</a-tooltip>
																</a-select-option>
															</a-select>
														</a-form-item>
													</div>
													<div class="flex-row">
														<a-checkbox value="DataSource"></a-checkbox>
														<a-form-item :label="$t(
															'user.register-result.msg'
														)
															">
															<a-select :placeholder="$t(
																'user.register-result.msg'
															)
																" option-filter-prop="children" :filter-option="false
		" mode="multiple" v-decorator="[
		'DataSource',
	]" :disabled="disabled
	" @search="fetchUser
		" @focus="fetchUser
		" @change="
		onChange(
			checkedValues
		)
		" @popupScroll="appendData
		">
																<template slot="notFoundContent">
																	<center>
																		<a-button type="dashed" @click="
																			onChange1(
																				null,
																				'DataSource'
																			)
																			" v-if="!appidLists.length
		">{{
		$t(
			'rpa.form.AddApplication'
		)
	}}
																		</a-button>
																	</center>
																</template>
																<a-select-option v-for="(
																		item,
																				ind
																	) in appidLists" :value="item.value
																		" :key="ind +
		item.value
		">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				item.label
																			}}
																		</template>
																		{{
																			item.label
																		}}
																	</a-tooltip>
																</a-select-option>
															</a-select>
														</a-form-item>
													</div>
													<div class="flex-row">
														<a-checkbox value="DataDestination"></a-checkbox>
														<a-form-item :label="$t(
															'user.register-result.activation-email'
														)
															">
															<a-select mode="multiple" :disabled="disabled
																" option-filter-prop="children" :placeholder="$t(
		'user.register-result.activation-email'
	)
		" :filter-option="false
		" v-decorator="[
		'DataDestination',
	]" @search="fetchUser
	" @focus="fetchUser
		" @change="
		onChange(
			checkedValues
		)
		" @popupScroll="appendData
		">
																<template slot="notFoundContent">
																	<center>
																		<a-button type="dashed" @click="
																			onChange1(
																				null,
																				'DataDestination'
																			)
																			" v-if="!appidLists.length
		">{{
		$t(
			'rpa.form.AddApplication'
		)
	}}
																		</a-button>
																	</center>
																</template>
																<a-select-option v-for="item in appidLists" :value="item.value
																	" :key="item.label +
		item.value
		">
																	<a-tooltip placement="topLeft">
																		<template slot="title">
																			{{
																				item.label
																			}}
																		</template>
																		{{
																			item.label
																		}}
																	</a-tooltip>
																</a-select-option>
															</a-select>
														</a-form-item>
													</div>
												</a-checkbox-group>
											</a-form>
											<div
												class="flex absolute right-0 bottom-0 w-full px-4 py-[10px] bg-white text-left z-1 flex justify-center">
												<a-button
													class="border-none hover:bg-[#3F8CFF] hover:bg-opacity-5 shadow mr-[20px]"
													@click="close">{{
														$t(
															'user.email.required11'
														)
													}}</a-button>
												<a-button class="border-none shadow" type="primary" :disabled="!checkedValues.length ||
														btnDisabled
														" @click="submit">{{
			$t(
				'user.email.required1111'
			)
		}}
												</a-button>
											</div>
										</a-modal>
										<a-row>
											<a-col :span="12">
												<a-row>
													<a-col :span="6">
														<!-- 批量更新按钮 -->
														<a-button type="primary" class="batchup-btn" :disabled="!selectedRowKeys.length
															" @click="batchup">{{
		$t(
			'user.batchup'
		)
	}}
														</a-button>
													</a-col>
													<a-col :span="6" style="min-width: 180px;">
														<!-- 从DI导出 -->
														<a-button type="link" class="import-butoon"
															icon="vertical-align-bottom" @click="openModal"
															v-if="!disabled">{{
																$t(
																	'user.verification-code.required1144'
																)
															}}
														</a-button>
													</a-col>
													<a-col :span="6">
														<!-- 新增数据字段 -->
														<a-button type="link" class="import-butoon" @click="createDataModal
															" v-if="!disabled">{{
		$t(
			'app.setting.themecolor.gggg'
		)
	}}
														</a-button>
													</a-col>
												</a-row>
											</a-col>
											<a-col :span="6"></a-col>
											<a-col :span="6"></a-col>
										</a-row>
									</a-form-item>
								</a-col>
							</a-row>
							<!--  单选内容-->
							<div class="checkbox">
								<a-form-item>
									<span slot="label" style="white-space: normal">{{
										$t(
											'user.verification-code.required1133'
										)
									}}</span>
									<a-checkbox-group :disabled="disabled" v-decorator="[
										'RpaActivityCycle',

										{
											rules: [
												{
													required: true,
													message: $t(
														'user.verification-code.required1133346574534263'
													),
												},
											],
										},
									]" class="a-checkbox-group">
										<a-checkbox :style="radioStyle" :value="item.value" v-for="(
												item, i
											) in dataProcessingActivityCycleData" :key="i">
											{{ item.label }}
											<!-- 提示信息 -->
											<template v-if="item.annotation ||
												item.annotationEn
												">
												<a-tooltip>
													<template slot="title">
														{{
															item.annotation ||
															item.annotationEn
														}}
													</template>
													<a-icon type="question-circle"></a-icon>
												</a-tooltip>
											</template>
										</a-checkbox>
									</a-checkbox-group>
								</a-form-item>
								<a-form-item>
									<span slot="label">{{
										$t(
											'user.verification-code.required1155'
										)
									}}</span>
									<a-checkbox-group v-decorator="['RpaActivityType']" class="a-checkbox-group-1"
										:disabled="disabled">
										<div v-for="ind of Math.ceil(
											processingActivityTypesData.length /
											4
										)" :key="processingActivityTypesData[ind]
	.value + ind
	" class="a-checkbox-group">
											<a-checkbox :value="item.value" v-for="(
													item, i
												) in processingActivityTypesData.slice(
															4 * ind - 4,
															4 * ind
														)" :key="i" :style="i == 3
			? radioStyle2
			: radioStyle1
			">
												{{ item.label }}
												<!-- 提示信息 -->
												<template v-if="item.annotation ||
													item.annotationEn
													">
													<a-tooltip>
														<template slot="title">
															{{
																item.annotation ||
																item.annotationEn
															}}
														</template>
														<a-icon type="question-circle"></a-icon>
													</a-tooltip>
												</template>
											</a-checkbox>
										</div>
									</a-checkbox-group>
								</a-form-item>
							</div>
							<div v-if="detailStatus">
								<a-form-item :label="$t(
									'user.verification-code.required1114'
								)
									">
									<a-input placeholder="XXX" disabled />
								</a-form-item>
								<br />
								<a-form-item :label="$t(
									'user.verification-code.required1115'
								)
									">
									<a-input placeholder="2023/3/10 15:45" disabled />
								</a-form-item>
								<br />
								<a-form-item :label="$t(
									'user.verification-code.required111566'
								)
									">
									<a-input placeholder="2023/3/10 15:45" disabled />
								</a-form-item>
								<br />
							</div>
							<div class="line" v-if="state !== 'add'"></div>
							<a-descriptions :column="1" v-if="state !== 'add'">
								<a-descriptions-item :label="$t(
									'user.verification-code.required1115661105793'
								)
									">{{
		rpaInfo.RpaCreatePeopleStr
	}}</a-descriptions-item>
								<a-descriptions-item :label="$t(
											'user.verification-code.required111566131'
										)
										">{{
			rpaInfo.RpaCreatetime
		}}</a-descriptions-item>
								<a-descriptions-item :label="$t(
											'user.verification-code.required1115661105752'
										)
										">{{
			rpaInfo.RpaUpdatetime
		}}</a-descriptions-item>
							</a-descriptions>
						</div>
					</div>
					<a-row v-if="initFromData.RpaIfCompletedPIA == 1">
						<a-col :span="12">
							<!-- 私隐影响评估描述 -->
							<a-form-item :label="$t('user.verification-code.requiredLuck12')
								">
								<a-textarea v-decorator="[
									'RpaPIALinkUrl',
									{
										rules: [
											{
												required: true,
												message: $t(
													'user.verification-code.requiredLuck14'
												),
											},
										],
									},
								]" :auto-size="{ minRows: 3, maxRows: 7 }" style="width: 490px" :placeholder="$t(
	'user.verification-code.requiredLuck13'
)
	" :disabled="disabled" />
							</a-form-item>
						</a-col>
					</a-row>
				</div>
			</a-form>
			<!-- 按钮 -->
			<div :style="{
				position: 'absolute',
				right: 0,
				bottom: '0px',
				width: '100%',
				borderTop: '1px solid #e9e9e9',
				padding: '10px 16px',
				background: '#fff',
				zIndex: 1,
			}">
				<!-- 生成问卷 -->
				<a-button style="margin: 13px 10px" @click="submitadd()">
					{{ $t('Generate') }}<a-icon type="arrow-right" /></a-button>
				<!-- 保存草稿 -->
				<a-button @click="submitSave('edit')" style="margin-right: 20px">{{ $t('risk.save') }}
				</a-button>
				<!-- 返回 -->
				<a-button style="margin-right: 8px" @click="cancellation">{{ $t('user.email.required11') }}
				</a-button>
			</div>
		</a-card>

		<!-- 从DI导入 -->
		<a-modal :visible="visible" @ok="handleDiSubmit" @cancel="handleDiCancel" width="1000px"
			:ok-text="$t('user.verification-code.required1166')" :cancel-text="$t('user.email.required11')">
			<a-form layout="inline">
				<a-form-item :label="$t('user.verification-code.required1177')">
					<a-select show-search option-filter-prop="children" v-model="handleChangeAssetsSelect"
						@change="handleChangeAssets" :placeholder="$t('user.verification-code.required1188')"
						style="width: 220px">
						<a-select-option v-for="items in rpaSelectAssetNameData" :value="items.value"
							:key="items.label + items.value">{{ items.label }}
						</a-select-option>
					</a-select>
				</a-form-item>
			</a-form>

			<a-table size="middle" class="h-full table-di overflow-x-auto" :pagination="false" :data-source="rpaDidataLists"
				bordered :row-selection="rowSelection" :rowKey="(record) => record.Id">
				<a-table-column key="DataItemsStr" :data-index="lang === 'zh-CN' ? 'DataItemsStr' : 'DataItemsStrEn'
					" width="150px" disabled>
					<span slot="title">{{
						$t('app.setting.themecolor.dust')
					}}</span>
				</a-table-column>
				<!-- <a-table-column
					key="DataLevelStr"
					data-index="DataLevelStr"
					width="150px"
				>
					<span slot="title">{{
						$t('app.setting.themecolor.sunset')
					}}</span>
				</a-table-column> -->
				<!-- 数据敏感度 -->
				<!-- <a-table-column
					key="DataSensitiveStr"
					data-index="DataSensitiveStr"
				>
					<span slot="title">{{
						$t('app.setting.themecolor.green')
					}}</span>
				</a-table-column> -->
				<!-- // 数据所在城市 -->
				<a-table-column key="DataCity" data-index="DataCity" width="150px" :allowClear="false"
					:noFoundContent="noFoundContentText">
					<span slot="title">{{
						$t('user.register.get-verification-code')
					}}</span>
					<template slot-scope="text, record">
						<a-select mode="multiple" v-model="record.DataCity" disabled :placeholder="$t(
							'user.verification-code.required111566110577338'
						)
							" style="width: 128px">
							<a-select-option v-for="item in sonfigurationItemsContent" :value="item.value"
								:key="item.label + item.value">
								{{ item.label }}
							</a-select-option>
						</a-select>
					</template>
				</a-table-column>

				<!-- 数据存放地点 -->
				<a-table-column key="DataDeposit" :title="$t('user.verification-code.required111566110577140')
					">
					<template slot-scope="text, record">
						<span>
							<!-- 数据存放地点 -->
							<a-select v-model="record.DataDeposit" disabled width="150px" :placeholder="$t(
								'user.verification-code.required111566110577140'
							)
								" style="max-width: 300px; min-width: 140px" mode="multiple" dropdownMenuStyle="{ width: '500px' }">
								<a-select-option v-for="item in fonfigurationItemsContent" :value="item.value"
									:key="item.label + item.value">
									{{ item.label }}
								</a-select-option>
							</a-select>
						</span>
					</template>
				</a-table-column>
				<!-- 数据来源 -->
				<a-table-column key="DataSource" :title="$t('user.register-result.msg')">
					<template slot-scope="text, record">
						<span>
							<div>
								<a-select v-model="record.DataSource" :placeholder="$t('user.register-result.msg')
									" width="150px" @search="fetchUser" disabled mode="multiple">
									<a-select-option v-for="item in appidLists" :value="item.value"
										:key="item.label + item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</div>
						</span>
					</template>
				</a-table-column>
				<!-- 目的地 -->
				<a-table-column key="DataDestination" :title="$t('user.register-result.activation-email')">
					<template slot-scope="text, record">
						<span>
							<div>
								<a-select v-model="record.DataDestination" :placeholder="$t(
									'user.register-result.activation-email'
								)
									" width="150px" @search="fetchUser" mode="multiple" disabled>
									<a-select-option v-for="item in appidLists" :value="item.value"
										:key="item.label + item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</div>
						</span>
					</template>
				</a-table-column>
			</a-table>
		</a-modal>
		<!-- 新增数据字段 -->
		<!-- 修改按钮 -->
		<a-modal :visible="showDataFields" @ok="showCreateRpaMiniModel()" @cancel="closeDataFields()"
			:okText="$t('app.setting.content-width.fluid2222')" :cancelText="$t('app.setting.content-width.fluid2222333')">
			<a-space>
				<div class="tags"></div>
				{{
					$t('user.verification-code.required1115661105773714422814')
				}}
			</a-space>
			<a-form layout="inline" class="mt-[15px]">
				<a-radio-group v-model="radioValue" @change="radioChange">
					<a-radio :style="radioStyle" :value="1" v-if="modestate">
						{{
							$t(
								'user.verification-code.required111566110577371442281423'
							)
						}}
					</a-radio>
					<a-radio :style="radioStyle" :value="2">
						{{
							$t(
								'user.verification-code.required111566110577371442281424'
							)
						}}
					</a-radio>
				</a-radio-group>
				<a-form-item>
					<a-select :placeholder="$t('user.verification-code.required1113')" v-model="diId" style="width: 220px"
						@change="changegai" v-if="modestate">
						<a-select-option v-for="items in diList" :value="items.value" :key="items.label + items.value">{{
							items.label }}
						</a-select-option>
					</a-select>
				</a-form-item>
			</a-form>
		</a-modal>
		<!-- 确认，选择DPIA，创建问卷submitCreate-->
		<a-modal :visible="createQuestionStatus" @ok="handleCreateQuestionSubmit" @cancel="handleCreateQuestionCancel"
			:ok-text="$t('user.verification-code.required1166')" :cancel-text="$t('user.email.required11')" width="400px"
			:confirmLoading="confirmLoading">
			<a-space>
				<div class="tags"></div>
				{{ $t('user.verification-code.required1100') }}
			</a-space>
			<a-form layout="inline" class="mt-[15px]" :form="form1">
				<!-- 关联的RPA名称 -->
				<a-form-item :label="$t('user.verification-code.required11156611027')">
					<a-input :placeholder="$t('user.verification-code.required1115661102711')
						" style="
							width: 300px;
							margin-right: 30px;
							margin-left: 13px;
						" disabled v-decorator="[
							'DpiaRpaId',
							{
								rules: [
									{
										required: true,
										message: $t(
											'user.verification-code.required111566110577315'
										),
									},
								],
							},
						]"></a-input>
				</a-form-item>
				<!-- DPIA模板 -->
				<a-form-item :label="$t('user.verification-code.required11156611028')">
					<a-select :placeholder="$t('user.verification-code.required1115661102811')
						" :disabled="!pia" style="
							width: 309px;
							margin-right: 30px;
							margin-left: 5px;
						" class="pl-[8px]" option-filter-prop="children" :filter-option="filterOption" show-search v-decorator="[
							'DpiaModelId',
							{
								rules: [
									{
										required: pia,
										message: $t(
											'user.verification-code.required111566110577316'
										),
									},
								],
							},
						]">
						<a-select-option v-for="items in dpiaSelectListsData" :value="items.value" :disabled="items.value == 1000 || items.value == 1001
							" :key="items.label + items.value">{{ items.label }}
						</a-select-option>
					</a-select>
				</a-form-item>
				<!-- DPIA的名称 -->
				<a-form-item :label="$t('menu.account.logout1122992277994544543265')">
					<a-input v-decorator="[
						'DpiaName',
						{
							rules: [
								{
									required: true,
									message: $t(
										'menu.account.logout1122992277994544543265444'
									),
								},
							],
						},
					]" :placeholder="$t('menu.account.logout1122992277994544543265444')
	" style="
							width: 300px;
							margin-right: 30px;
							margin-left: 13px;
						"></a-input>
				</a-form-item>
			</a-form>
		</a-modal>

		<!-- 禁止退出当前页面弹窗，点击下方三个任意按钮后可以离开 -->
		<a-modal v-model="ifvisible" :title="$t('app.setting.themecolor.rr100')" on-ok="handleOk">
			<template slot="footer">
				<span></span>
			</template>
			<div class="dlex">
				<a-button type="primary" @click="rollback">
					{{ $t('app.setting.themecolor.rr105') }}
				</a-button>
				<a-button type="primary" @click="submitSave()">
					{{ $t('app.setting.themecolor.rr104') }}
				</a-button>
				<a-button @click="ifvisible = false">
					{{ $t('app.setting.themecolor.rr106') }}
				</a-button>
			</div>
		</a-modal>
		<!--选择完新建在弹框 -->
		<a-modal v-model="ifvisibles" :title="$t('app.setting.themecolor.rr107')" on-ok="handleOk">
			<template slot="footer">
				<span></span>
			</template>
			<div class="dlex">
				<a-button type="primary" @click="submitSaveTk()">
					{{ $t('app.setting.themecolor.rr108') }}
				</a-button>
				<a-button type="primary" @click="rollbacksa()">
					{{ $t('app.setting.themecolor.rr109') }}
				</a-button>
				<a-button @click="ifvisiblesss()">
					{{ $t('app.setting.themecolor.rr106') }}
				</a-button>
			</div>
		</a-modal>
		<!-- 大抽屉 -->
		<a-drawer :title="modalTitle" placement="right" :closable="false" :visible="modalVisible" :width="1200"
			:rowKey="(record) => record.Id" @close="closeDrawer">
			<a-form :form="diForm" ref="form" class="drawer-form" label-align="left">
				<!-- APP名称 -->
				<a-row :gutter="24">
					<a-col :span="8">
						<a-form-item :label="$t(
							'user.verification-code.required1115661105772124555'
						)
							">
							<a-select :placeholder="$t(
								'user.verification-code.required1115661105772113464357654435'
							)
								" @change="handleChangeAppid" show-search option-filter-prop="children" v-decorator="[
		'DataLibraryAppidId',
		{
			rules: [
				{
					required: true,
					message: $t(
						'user.verification-code.required111566110577280'
					),
				},
			],
		},
	]" disabled>
								<a-select-option v-for="item in appidLists" :value="item.value" :key="item.value">
									{{ item.label }}
								</a-select-option>
							</a-select>
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<!-- APP负责人 -->
						<a-form-item :label="$t(
							'user.login.mobile.verification-code.placeholder'
						)
							">
							<a-input v-decorator="['AppidMaster']" :placeholder="$t(
								'user.login.mobile.verification-code.placeholder11'
							)
								" disabled />
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item :label="$t('user.login.password.placeholder')">
							<a-input v-decorator="['AppidDepartMent']" :placeholder="$t('user.login.message-invalid-credentials')
								" disabled />
						</a-form-item>
					</a-col>
				</a-row>
				<a-row :gutter="24">
					<a-col :span="8">
						<a-form-item label="enterprise APP ID">
							<a-input v-decorator="['BmwAppId']" placeholder="enterprise APP ID" disabled />
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="Department APP ID">
							<a-input v-decorator="['BbaAppId']" placeholder="enterprise APP ID" disabled />
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="Feature ID">
							<a-input v-decorator="['FeatherId']" placeholder="Feature ID" disabled />
						</a-form-item>
					</a-col>
				</a-row>
				<a-row :gutter="24">
					<a-col :span="8">
						<a-form-item :label="$t(
							'user.verification-code.required1115661105771411111'
						)
							">
							<a-input v-decorator="['DataLibraryUser']" disabled />
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item :label="$t(
							'user.verification-code.required111566110577142'
						)
							">
							<a-input v-decorator="['DataLibraryCreateTime']" disabled />
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item :label="$t(
							'user.verification-code.required111566110577143'
						)
							">
							<a-input v-decorator="['DataLibraryUpdateTime']" disabled />
						</a-form-item>
					</a-col>
				</a-row>
				<a-row :gutter="24">
					<a-col :span="8">
						<!-- 数据控制者 -->
						<a-form-item :label="$t('user.login.remember-me')">
							<a-select mode="multiple" @change="changeselect" option-filter-prop="children" v-decorator="[
								'DataLibraryController',
								{
									rules: [
										{
											required: true,
											message: $t(
												'user.login.forgot-password'
											),
										},
									],
								},
							]" :placeholder="$t('user.login.forgot-password')" disabled>
								<a-select-option v-for="item in systemControllerSourceData" :value="item.value"
									:key="item.value">{{ item.label }}
								</a-select-option>
							</a-select>
						</a-form-item>
					</a-col>
					<a-col :span="8" v-if="otherflag">
						<a-form-item label="Other">
							<a-input v-decorator="[
								'DataLibraryControllerOther',
								{
									rules: [
										{
											required: true,
											message: $t(
												'user.verification-code.required111566110577336'
											),
										},
									],
								},
							]" disabled />
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<!-- 线上/线下 -->
						<a-form-item :label="$t('user.login.tab-login-credentials')">
							<a-select v-decorator="[
								'DataLibraryEnvironment',
								{
									rules: [
										{
											required: true,
											message: $t(
												'user.verification-code.required1115661105773368800'
											),
										},
									],
								},
							]" show-search option-filter-prop="children" :filter-option="filterOption"
								:placeholder="$t('user.login.tab-login-mobile')" disabled>
								<a-select-option v-for="item in Xians" :value="item.value" :key="item.value">
									{{
										lang === 'zh-CN'
										? item.label
										: item.labelEn
									}}
								</a-select-option>
							</a-select>
						</a-form-item>
					</a-col>
				</a-row>
				<a-form-item label="ID" v-show="false" class="hidden">
					<a-input v-decorator="['Id']" disabled />
				</a-form-item>
				<!-- 数据详情 -->
				<a-form-item style="margin-right: 0">
					<div style="position: relative">
						<div style="
								color: rgb(0, 255, 76);
								margin-top: -10px;
								display: inline-block;
								top: 9px;
								z-index: 99;
							">
							*
						</div>
						{{ $t('user.register.email.placeholder') }}
					</div>
					<template>
						<a-table size="middle" :data-source="dataDetailInfoTables" :pagination="{ pageSize: 10 }"
							:rowKey="(record) => record.key">
							<!-- 数据字段 -->
							<a-table-column key="DataItem" data-index="DataItem" width="150">
								<span slot="title">{{
									$t('app.setting.themecolor.dust')
								}}</span>
								<!-- 表格右下角操作 -->
								<template slot-scope="text, record">
									<!-- 数据项 -->
									<div v-if="'RpaType' in record">
										<a-select :placeholder="$t(
											'app.setting.themecolor.dust'
										)
											" v-model="record.DataItemStr" :show-arrow="false" show-search @change="handleDiChange"
											@search="handleSearch" option-filter-prop="children" :filter-option="false"
											style="
												max-width: 280px;
												min-width: 140px;
											" v-if="$t(
												'app.setting.themecolor.dust'
											) == '数据字段'
												">
											<a-select-option v-for="item in dataItemsSearchData" :value="item.value"
												:key="item.value">
												<a-tooltip placement="topLeft">
													<template slot="title">
														{{ item.label }}
													</template>
													{{ item.label }}
												</a-tooltip>
											</a-select-option>
										</a-select>
										<a-select :placeholder="$t(
											'app.setting.themecolor.dust'
										)
											" v-model="record.DataItemStr" :show-arrow="false" show-search @change="handleDiChange"
											@search="filterSearchInputOptionEn" option-filter-prop="children"
											:filter-option="false" style="
												max-width: 280px;
												min-width: 140px;
											" v-else>
											<a-select-option v-for="item in dataItemsSearchData" :value="item.value"
												:key="item.value">
												<a-tooltip placement="topLeft">
													<template slot="title">
														{{ item.labelEn }}
													</template>
													{{ item.labelEn }}
												</a-tooltip>
											</a-select-option>
										</a-select>
									</div>
									<span v-else>
										{{
											record[
											lang === 'zh-CN'
												? 'DataItemsStr'
												: 'DataItemsStrEn'
											]
										}}
									</span>
								</template>
							</a-table-column>
							<!-- 数据级别 -->
							<a-table-column key="DataLevelStr" data-index="DataLevelStr" width="150px">
								<span slot="title">{{
									$t('app.setting.themecolor.sunset')
								}}</span>
							</a-table-column>
							<!-- 数据敏感度 -->
							<a-table-column key="DataSensitiveStr" data-index="DataSensitiveStr">
								<span slot="title">{{
									$t('app.setting.themecolor.green')
								}}</span>
							</a-table-column>
							<!-- 所在城市 -->
							<a-table-column key="DataCity" data-index="DataCity" width="150" :allowClear="false"
								:noFoundContent="noFoundContentText">
								<span slot="title">{{
									$t(
										'user.register.get-verification-codeeeee'
									)
								}}</span>
								<template slot-scope="text, record">
									<a-select mode="multiple" v-model="record.DataCity" option-filter-prop="children"
										:placeholder="$t(
											'user.verification-code.required111566110577338'
										)
											" style="width: 128px" disabled>
										<a-select-option v-for="item in sonfigurationItemsContent" :value="item.value"
											:key="item.value">
											{{ item.label }}
										</a-select-option>
									</a-select>
								</template>
							</a-table-column>
							<!-- 数据存储地点 -->
							<a-table-column key="DataDeposit" data-index="DataDeposit" width="150">
								<span slot="title">{{
									$t('user.register.sign-innnnn')
								}}</span>
								<template slot-scope="text, record">
									<a-select mode="multiple" v-model="record.DataDeposit" option-filter-prop="children"
										:placeholder="$t(
											'user.verification-code.required111566110577339'
										)
											" style="width: 128px" disabled>
										<a-select-option v-for="item in fonfigurationItemsContent" :value="item.value"
											:key="item.value">
											{{ item.label }}
										</a-select-option>
									</a-select>
								</template>
							</a-table-column>

							<!-- 来源 -->
							<a-table-column key="DataSource" :title="$t('user.register-result.msg')">
								<template slot-scope="text, record">
									<span>
										<div class="conter">
											<a-select v-model="record.DataSource" :placeholder="$t(
												'user.register-result.msg'
											)
												" option-filter-prop="children" style="
													max-width: 158px;
													min-width: 140px;
												" disabled mode="multiple" @search="fetchUser">
												<template slot="notFoundContent">
													<center>
														<a-button type="dashed" @click="
															onChange1(
																record,
																'DataSource'
															)
															" v-if="!appidLists.length
		">{{
		$t(
			'rpa.form.AddApplication'
		)
	}}
														</a-button>
													</center>
												</template>
												<a-select-option v-for="item in appidLists" :value="item.value"
													:key="item.value">
													{{ item.label }}
												</a-select-option>
											</a-select>
										</div>
									</span>
								</template>
							</a-table-column>
							<!-- 目的地 -->
							<a-table-column key="DataDestination" :title="$t('user.register-result.activation-email')
								">
								<template slot-scope="text, record">
									<span>
										<div class="conter">
											<a-select mode="multiple" v-model="record.DataDestination" disabled
												@search="fetchUser" option-filter-prop="children" :placeholder="$t(
													'user.register-result.activation-email'
												)
													" style="
													max-width: 158px;
													min-width: 140px;
												">
												<template slot="notFoundContent">
													<center>
														<a-button type="dashed" @click="
															onChange1(
																record,
																'DataDestination'
															)
															" v-if="!appidLists.length
		">{{
		$t(
			'rpa.form.AddApplication'
		)
	}}
														</a-button>
													</center>
												</template>
												<a-select-option v-for="item in appidLists" :value="item.value"
													:key="item.value">
													{{ item.label }}
												</a-select-option>
											</a-select>
										</div>
									</span>
								</template>
							</a-table-column>

							<!-- 身份信息下的删除 -->
							<span slot="cityAction" slot-scope="text, record">
								<a-select mode="multiple" v-model="record.DataCity" :placeholder="$t(
									'user.register.get-verification-code'
								)
									" style="width: 128px" v-decorator="[
		{
			rules: [
				{
					required: true,
					message:
						'Please input your note!',
				},
			],
		},
	]">
									<a-select-option v-for="items in sonfigurationItemsContent" :value="items.value"
										:key="items.value">{{ items.label }}</a-select-option>
								</a-select>
							</span>
							<span slot="depositAction" slot-scope="text, record">
								<a-select v-model="record.DataDeposit" :placeholder="$t('user.register.sign-in')"
									style="width: 128px">
									<a-select-option v-for="item in fonfigurationItemsContent" :value="item.value"
										:key="item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</span>
							<span slot="sourceAction" slot-scope="text, record">
								<a-select v-model="record.DataSource" :placeholder="$t('user.register-result.msg')
									" style="width: 128px">
									<a-select-option v-for="item in appidLists" :value="item.value" :key="item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</span>
							<span slot="destinationAction" slot-scope="text, record">
								<a-select v-model="record.DataDestination" :placeholder="$t(
									'user.register-result.activation-email'
								)
									" style="width: 128px">
									<a-select-option v-for="item in appidLists" :value="item.value" :key="item.value">
										{{ item.label }}
									</a-select-option>
								</a-select>
							</span>
						</a-table>
						<!-- 发现导入 -->
						<a-button type="link" icon="vertical-align-bottom" @click="openModal" disabled>{{
							$t('user.register-result.msg6868') }}
						</a-button>
						<!-- 新增字段 -->
						<a-button type="link" disabled>{{ $t('app.setting.themecolor.gggg') }}
						</a-button>
					</template>
				</a-form-item>
			</a-form>
			<div :style="{
				position: 'absolute',
				right: 0,
				bottom: 0,
				width: '100%',
				borderTop: '1px solid #e9e9e9',
				padding: '10px 16px',
				background: '#fff',
				textAlign: 'center',
				zIndex: 1,
			}">
				<a-button style="margin-right: 8px" @click="closeDrawer">{{
					$t('user.email.required11')
				}}</a-button>
			</div>
		</a-drawer>
		<Addapp ref="addappid" @child-event="getChildValue"></Addapp>
		<div class="big-box" v-if="ifLoading">
			<a-spin />
		</div>
		<!-- RPA -->
		<a-drawer title="" placement="right" :closable="false" :visible="search" width="80%" @close="onClose">
			<Detail ref="addappid" :getSchoolName="getSchoolName" :stateCode="stateCode" :sid="rpaid" :itLang="itLang"
				:state="state" :DpiaName="DpiaName" :DpiaModelId="DpiaModelId" @child-event="getChildValue"></Detail>
		</a-drawer>
	</div>
</template>
<script>
import { message } from 'ant-design-vue'
import { configurationSelect } from '@/api/configs'
import {
	dpiaSelectLists,
	rpaDelDetail,
	rpaDetail,
	rpaDiDetail,
	rpaSelectLists,
	rpaSelectListsPot,
	rpaFileDelete,
} from '@/api/rpa/form'
import { appIdCreatexl, appIdDetail } from '@/api/appid'
import { rpaCreate } from '@/api/rpa/json'
import {
	rpaDelcsai,
	rpaSelectAssetName,
	configurationItemsFind,
} from '@/api/ytdg'
import { dataLibraryDetail } from '@/api/di/form'
// import Newdpia from './components/newdpia'
import { dpiaQuestionsCreatePortal, dpiaQuestionsCreate } from '@/api/dpia/form'
import { VolumeData } from '@/utils/util'
import { childataItems, dccDataItemsSelect } from '@/api/dcc'
import { getUserList } from '@/api/common/form'
import axios from 'axios'
import storage from 'store'
import { ACCESS_TOKEN } from '@/store/mutation-types'
import Addapp from '@/components/componentLibrary/addapp.vue'
import deepClone from 'lodash.clonedeep'
import { getSourceData } from '@/views/rpa/common/dataSource'
import { rpaLists } from '@/api/ytdg'
import Detail from './datailPortal.vue'
import {
	RpaCollectionChannelsList,
	RpaNumberList,
	RpaProcessingActivityCycleList,
	RpaSensitiveNumberList,
	RpaSystemNetworkList,
} from '@/views/rpa/datas/rpaForm'
export default {
	name: 'detail',
	components: {
		Detail,
		Addapp,
		VNodes: {
			functional: true,
			render: (h, ctx) => ctx.props.vnodes,
		},
	},
	props: {},
	data() {
		return {
			selectedOption: '', // 保存当前选中值
			options: [
				// 下拉选项列表
				{ label: '选项1', value: 'value1' },
				{ label: '选项2', value: 'value2' },
				{ label: '选项3', value: 'value3' },
				{ label: '选项4', value: 'value4' },
			],
			activeKey: '1', // 默认激活的标签页键值
			confirmLoading: false,
			keyword: '',
			timerId: '',
			// 新增选中
			radioValueCheck: false,
			// 新增RPA DPIA弹窗
			createRDPIA: true,
			// 创建DPIA问卷状态
			createQuestionStatus: false,
			dpiaId: undefined,
			rpaId: '',
			DpiaRpaId: '',
			// 默认不传ID
			types: false,
			selinput: '',
			// 配置
			config: {
				rules: [
					{
						required: true,
						message: this.$t('user.verification-code.required1113'), //请选择DPIA模板
					},
				],
			},
			inpute: '',
			// 下面这些都是通用的
			form: this.$form.createForm(this),
			rowSelection: {
				onChange: (selectedRowKeys, selectedRows) => {
					this.selectedRows = selectedRows
					console.log('this.selectedRows', this.selectedRows)
				},
			},
			handleDiSubmitStatus: false,
			// DI导入列表
			diDataLists: [],
			// 固定的下拉数据(数据存放地点)
			fonfigurationItemsContent: [],
			sonfigurationItemsContent: [],
			dataItemsSearchData: [],
			appidLists: [],
			dpiaSelectListsData: [],
			// 标题
			pageTitle: '',
			selectedRows: [],
			fileList: [],
			checkBoxValue1: [],
			plainOptions1: [],
			checkBoxValue: [],
			plainOptions: [],
			//新增数据字段的下拉
			arr11: [],
			pagination: {
				page: 1,
				pageSize: 10,
				total: 0,
			},
			userList: [],
			form1: this.$form.createForm(this),
			diForm: this.$form.createForm(this),
			modalVisible: false,
			noFoundContentText: '请选择城市',
			// 数据详情
			dataDetailInfoTables: [],
			modalTitle: '',
			rpaidd: '',
			rpaDidataLists: [],
			visible: false,
			//表格Loading
			listLoading: false,
			loading: false,
			orderInfo: {},
			drugList: [],
			trackList: [],
			systemTimeline: [],
			//di下拉
			diList: [],
			botTimeline: [],
			trackKey: '',
			zhshi: false,
			rpaListData: [],
			disabled1: false,
			// 原始数据
			systemControllerSourceData: [],
			collectionChannelsSourceData: [],
			dataProcessingActivityCycleData: [],
			processingActivityTypesData: [],
			rpaSelectAssetNameData: [],
			dataSubjectData: VolumeData,
			detailStatus: false,
			buttonState: '',
			flagstate: 0,
			handleChangeAssetsSelect: undefined,
			//处理活动周期下拉
			RpaProcessingActivityCycleList: RpaProcessingActivityCycleList,
			RpaSensitiveNumberList: RpaSensitiveNumberList,
			RpaSystemNetworkList: RpaSystemNetworkList,
			RpaCollectionChannelsList: RpaCollectionChannelsList,
			RpaNumberList: RpaNumberList,
			// 数据流图文件上传
			fileLists: [],
			//架构图文件上传
			RpaSystemFileLists: [],
			zhushi: false,
			modestate: false,
			lang: localStorage.getItem('lang').split('"')[1],
			isLang: true,
			env: process.env.VUE_APP_BASE_API,
			//新增数据字段弹窗
			showDataFields: false,
			radioStyle: {
				display: 'block',
				lineHeight: '30px',
			},
			radioStyle1: {
				display: 'block',
				lineHeight: '30px',
				width: '210px',
			},
			radioStyle2: {
				display: 'block',
				lineHeight: '30px',
				width: '300px',
			},
			// 新增数据字段单选状态
			radioValue: 2,
			//合并di的Id
			diId: null,
			disabled: false,
			otherflag: false,
			otherPurpose: false,
			inputValue: '',
			ifFlag: false, //判断是否可以返回的标志位
			ifvisible: false, //判断是否可以返回的标志位
			temporarily: undefined, // 暂存数据
			changvalue: '',
			RpaNoPIOrImportantInvolved: 0,
			RpaIfCompletedPIA: 0,
			initFromData: {
				DiId: undefined,
				Id: undefined,
				RpaActivityCycle: undefined,
				RpaActivityType: undefined,
				RpaCollectionChannels: undefined,
				RpaIfCompletedPIA: 0,
				RpaPIALinkUrl: '',
				RpaDataDetail: [],
				RpaNoPIOrImportantInvolved: false,
				RpaNoPIDescProcessedData: '',
				RpaDataController: undefined,
				RpaDataFlowDiagramDescribe: undefined,
				RpaFrequency: undefined,
				RpaId: undefined,
				RpaLeaderMaster: undefined,
				RpaLeaderRetinue: undefined,
				RpaName: undefined,
				RpaNumber: undefined,
				RpaObjective: undefined,
				RpaObjectiveOther: undefined,
				RpaProcessingActivityCycle: undefined,
				RpaSensitiveNumber: undefined,
				RpaState: undefined,
				RpaStoragePeriod: undefined,
				RpaSystemArchitectureDescribe: undefined,
				RpaUpload: [],
			}, //初始化一个实体，用于数据载荷
			initDpiaFromData: {
				DpiaRpaId: undefined,
				DpiaModelId: undefined,
				DpiaName: undefined,
			}, //初始化一个实体，DPIA Model
			toPage: '',
			rpaInfo: {},
			Xians: [
				{
					label: '线上',
					labelEn: 'Online',
					value: 1,
				},
				{
					label: '线下',
					labelEn: 'Offline',
					value: 2,
				},
			],
			ifValidated: false,
			batchVisible: false,
			selectedRowKeys: [],
			batchUpForm: this.$form.createForm(this),
			checkedValues: [],
			btnDisabled: false,
			cloneDiDataLists: [],
			ifLoading: false,
			tempId: 1,
			isConditionMet: false, //必选一个
			pia: true,
			Newrpaid: '',
			//顶部UI
			listData: [],
			dpiaSelectListsData: [],
			Gen: false,
			stateCode: 'add',
			state: 'add',
			sid: '',
			pia: false,
			itLang: '',
			form: this.$form.createForm(this),
			RpaIfCompletedPIA: 0,
			RpaNoPIOrImportantInvolved: 0,
			pia: true,
			rpaid: '',
			//dpia
			dpiaid: '',
			dpiastate: 'see',
			search: false,
			//绑定DPIA
			DpiaName: '',
			DpiaModelId: '',
			index: 0,
			// 显示rpa
			rpashow: false,
			//引用 0 新增 1
			Newrpa: 0,
			selectOpen: false,
			TkTuic: 0,
			ifvisibles: false,
			cope: 0,
			Pia: false,
			dowmTk: 0,
			Olddpia: '',
			selectOption: 1,
			label: "",
			rpaListDatas: [],
			callkey: '1',
			inpu: '',
			rpaListDatacope: [],//
			rpaListDatascope: [],//

			lazzyLoading: false,
			pageNo: 1, // 当前加载的页数
			pageSize: 30, // 每页加载的数据个数
			datasourceCount: 0, // 服务器返回的响应信息
			fetchUserContent: '', // 存储搜索的关键词
			listNameArr: [],
			listNameArr2: [],
			NewNpras: 0
		}
	},
	created() {
		if (this.$route.query.state == 'edit') {
			this.state = this.$route.query.state
			this.RPAs = false
			this.sid = this.$route.query.id
			this.DpiaName = this.$route.query.DpiaName
			this.DpiaRpaId = this.$route.query.DpiaRpaId
			this.DpiaModelId = this.$route.query.DpiaModelId
			this.stateCode = this.$route.query.state
			this.rpashow = true
			this.Olddpia = this.$route.query.dpia
			this.Newrpa = 1
			if (this.$route.query.DpiaModelId == 0) {
				this.form.setFieldsValue({
					DpiaModelId: '',
					// DpiaRpaId: this.$route.query.DpiaRpaId*1
				})
			} else {
				this.form.setFieldsValue({
					DpiaModelId: this.$route.query.DpiaModelId * 1,
					// DpiaRpaId: this.$route.query.DpiaRpaId*1
				})
			}
			console.log(this.$route.query.DpiaRpaId)
			this.Rpas(this.$route.query.id)
			let that = this
			if (localStorage.getItem('lang') == '"zh-CN"') {
				that.tx()
			} else if (localStorage.getItem('lang') == '"zh-EN"') {
				that.tx(1)
			}
		}
		this.init()
	},
	async mounted() {
		// 获取列表
		this.getDatasourceList('')
		let that = this
		if (localStorage.getItem('lang') == '"zh-CN"') {
			that.tx()
		} else if (localStorage.getItem('lang') == '"zh-EN"') {
			that.tx(1)
		}
		window.addEventListener('setItemEvent', function (e) {
			console.log(e)
			if (e.key == 'lang') {
				that.getAllInfo()

				var lang = JSON.parse(e.value)
				if (lang === 'zh-EN') {
					that.tx(1)
					that.filterSearchInputOptionEn()
				} else {
					that.tx()
					that.filterSearchInputOption()
				}
				that.lang = lang
				setTimeout(() => {
					if (that.ifValidated)
						that.form.validateFields({ force: true })
				})
			}
		})
		// 获取列表
		console.log(8900)
		// const { data: appidLists } = await appIdCreatexl({ types: 1 })
		// this.appidLists = appidLists
		this.form.setFieldsValue({
			DpiaModelId: 106,
		})
	},
	watch: {
		async inputValue(value) {
			const { data } = await getUserList({
				UserEmail: value,
				UserName: value,
			})
			this.userList = data
		},
	},
	methods: {
		async getDatasourceList(content) {
			this.lazzyLoading = true
			console.log(788)
			try {
				console.log(this.pageNo, this.pageSize)
				// 将返回的数据解构赋值给 appidLists 变量
				const { data: appidLists, total } = await appIdCreatexl({
					types: 1,
					page: this.pageNo,
					pageSize: this.pageSize,
					content,
				})
				// 计算数据源的总数，等于返回的数据长度加上已有的数据长度
				this.datasourceCount = total
				// 判断已有的数据长度是否小于数据源的总数，如果是，就将返回的数据拼接到已有的数据后面
				if (this.appidLists.length < this.datasourceCount) {
					this.appidLists = this.appidLists.concat(appidLists)
					const arr = this.appidLists.concat(appidLists);
					const result = Array.from(new Set(arr.map(item => JSON.stringify(item)))).map(item => JSON.parse(item));
					this.appidLists = result;
				}

			} catch (error) {
				console.error(error)
			} finally {
				this.lazzyLoading = false
			}
			this.pageNo += 1
		},
		async appendData(e) {
			const target = e.target
			// console.log('target.offsetHeight', target.offsetHeight);
			// console.log('target.scrollHeight', target.scrollHeight);
			// console.log('this.pageNo', this.pageNo);
			// console.log('this.pageSize', this.pageSize);
			// console.log('this.datasourceCount', this.datasourceCount);
			// 如果目标元素不存在，就直接返回，避免报错
			if (!target) return
			// 如果目标元素的滚动距离加上元素的高度等于元素的滚动高度，表示滚动到了底部
			// 并且如果当前页码乘以每页的数量小于等于数据源的总数，表示还有更多的数据可以加载
			if (
				Math.ceil(target.scrollTop) + target.offsetHeight >=
				target.scrollHeight * 1 - 10 &&
				this.pageNo * this.pageSize < this.datasourceCount &&
				this.lazzyLoading === false
			) {
				console.log(12)
				// 调用 getDatasourceList 函数，获取更多的数据
				this.getDatasourceList(this.fetchUserContent)
			}
		},
		changeinpt(value) {
			let label = this.label
			let reg = new RegExp(label) //声明正则变量
			this.rpaListDatacope = this.rpaListData.filter(item => reg.test(item.label)) //返回
			this.rpaListDatascope = this.rpaListDatas.filter(item => reg.test(item.label)) //返回
			if (this.rpaListDatacope.length == 0 && this.rpaListDatascope.length > 0) {
				this.callkey = '2'
			} else {
				this.callkey = '1'
			}
		},
		callback(key) {
			console.log(key)
		},
		sele_op() {
			if (this.$route.query.state == 'edit') {
			} else {
				this.rpaListDatacope = this.rpaListData
				this.rpaListDatascope = this.rpaListDatas
				if (this.selectOption == 1) {
					this.selectOption = 2
				} else {
					// this.selectOption = 1
				}
			}
		},
		onChangePIA(e) {
			if (e.target.value == 1) {
				this.form.setFieldsValue({
					DpiaModelId: 1000,
				})
				this.Pia = true
			} else {
				this.form.setFieldsValue({
					DpiaModelId: '',
				})
				this.Pia = false
			}
		},
		checkBoxChange(e) {
			if (e.target.checked) {
				this.form.setFieldsValue({
					DpiaModelId: 1001,
				})
				this.Pia = true
			} else {
				this.form.setFieldsValue({
					DpiaModelId: '',
				})
				this.Pia = false
			}
		},
		hideDropdown() {
			if (this.dowmTk == 1 && this.selectOpen) {
				this.selectOpen = false
			}
			this.selectOption = 1
			if (this.callkey == 2 || this.selinput == '') {
				this.label = ''
			} else {

			}
			this.callkey = "1"
			// if (this.$refs.select && !this.$refs.select.$el.contains(event.target)) {
			// 	this.selectOpen = false;
			// }
		},
		selectinputDpia() {
			this.dowmTk = 1
			this.selectOpen = true
		},
		// 顶部
		addItem() {
			console.log('addItem')
			this.items.push(`New item ${index++}`)
		},

		/**
		 * 父组件接收子组件传递的值
		 * @param data
		 */
		getChildValue(data, ifModal) {
			// 写入到数据列表中
			this.appidLists.push(data)
			this.diDataLists = deepClone(this.cloneDiDataLists)
			this.$nextTick(() => {
				// 获取到数据类型，指定赋值
				if (ifModal == 1) {
					let list =
						this.batchUpForm.getFieldValue(
							this.temporarily.types
						) || []
					if (list.indexOf(data.value) === -1) {
						list.push(data.value)
						this.batchUpForm.setFieldsValue({
							[this.temporarily.types]: list,
						})
					}
				} else {
					var tempList = JSON.parse(
						JSON.stringify(this.cloneDiDataLists)
					)
					let temp = tempList.filter(
						(item) => item.Id === this.temporarily.Id
					)[0]
					if (
						temp[this.temporarily.types].indexOf(data.value) === -1
					) {
						temp[this.temporarily.types].push(data.value)
					}
					this.diDataLists = tempList
					this.loading = false
				}
			})
		},
		// 打开新增
		onChange1(e, type) {
			this.temporarily = e || {}
			this.temporarily.types = type
			this.$refs.addappid.open('', '', '', e ? 0 : 1)
			this.cloneDiDataLists = deepClone(this.diDataLists)
		},
		// 监听搜索
		async fetchUser(value) {
			// 获取APPID下拉数据
			let content = value

			// 校验 value 参数，如果为空或非法，直接返回
			if (!content || !/^\w+$/.test(content)) return
			this.fetchUserContent = content
			try {
				// 清空 appidLists 属性，避免数据混乱
				this.appidLists = []
				this.pageNo = 0
				this.getDatasourceList(content)
			} catch (error) {
				// 处理异步请求的异常情况，打印错误信息或者给用户提示
				console.error(error)
				// 或者 alert('搜索失败，请重试')
			}
		},
		filte1rOption(value) {
			this.inputValue = value
		},
		showConfirm() {
			this.$confirm({
				title: 'Do you Want to delete these items?',
				content: (h) => <div style="color:red;">Some descriptions</div>,
				onOk() {
					submitadds()
				},
				onCancel() {
					console.log('Cancel')
				},
				class: 'test',
			})
		},
		// 生成问卷
		showGene() {
			this.$router.push({
				path: '/dpia/question',
				query: {
					id: '375',
					DpiaName: this.DpiaName,
					state: 'see',
					Gen: true,
				},
			})
		},
		ifvisiblesss() {
			this.ifvisibles = false
			this.label = ''
		},
		showoption() {
			console.log(88888)
		},
		//点击确定
		async submitadd() {
			const {
				form: { validateFields },
			} = this

			// 按钮loading
			this.loading = true
			this.ifValidated = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			validateFields({ force: true }, async (err, values) => {
				if (this.Newrpa == 2) {
					if (!err) {
						if (values.DpiaRpaId == undefined) {
							this.$message.error(
								this.$t(
									'user.verification-code.required111566110577315'
								)
							)
							return
						}
						let params = {
							DpiaModelId: values.DpiaModelId,
							DpiaName: values.DpiaName,
							DpiaRpaId: values.DpiaRpaId,
						}
						const { data } = await dpiaQuestionsCreate(params)
						this.$message.success(
							this.$t(
								'user.verification-code.required111566110577317'
							)
						)
						this.$router.push({
							path: '/dpia/question',
							query: {
								id: data.Id,
								DpiaModelId: values.DpiaModelId,
								DpiaName: values.DpiaName,
								DpiaRpaId: values.DpiaRpaId,
							},
						})
					} else {
						setTimeout(() => {
							this.ifLoading = false
						}, 600)
					}
				} else {
					if (!err) {
						delete values.DpiaRpaId
						this.ifFlag = true
						this.ifLoading = true
						let resValue = deepClone(values)
						if (values.RpaNoPIOrImportantInvolved) {
							values.RpaNoPIOrImportantInvolved = 1
							this.pia = false
						} else {
							values.RpaNoPIOrImportantInvolved = 0
						}
						if (values.RpaIfCompletedPIA == 1) {
							values.RpaDataDetail = []
							this.pia = false
						} else {
							if (values.RpaNoPIOrImportantInvolved == 1) {
								values.RpaDataDetail = []
							} else {
								if (this.diDataLists.length < 1) {
									this.$message.error(
										this.$t(
											'user.verification-code.required111566110577342'
										) //数据详情需要有内容
									)
									return
								}
								for (
									var i = 0;
									i < this.diDataLists.length;
									i++
								) {
									if (
										!this.diDataLists[i].DataCity ||
										this.diDataLists[i].DataCity.length == 0
									) {
										this.$message.error(
											this.$t(
												'menu.account.logout1122992244'
											)
										) // 城市不能为空
										return
									}
									if (
										!this.diDataLists[i].DataDeposit ||
										this.diDataLists[i].DataDeposit
											.length == 0
									) {
										this.$message.error(
											this.$t(
												'menu.account.logout1122992255'
											)
										)
										return
									}
									if (
										!this.diDataLists[i].DataItem ||
										this.diDataLists[i].DataDeposit
											.length == 0
									) {
										this.$message.error(
											this.$t(
												'menu.account.logout11229922558888'
											)
										)
										return
									}
									if (
										!this.diDataLists[i].DataSource ||
										this.diDataLists[i].DataSource.length ==
										0
									) {
										this.$message.error(
											this.$t(
												'menu.account.logout1122992266'
											)
										)
										return
									}
									if (
										!this.diDataLists[i].DataDestination ||
										this.diDataLists[i].DataDestination
											.length === 0
									) {
										this.$message.error(
											this.$t(
												'menu.account.logout1122992277'
											)
										)
										// 数据目的地不能为空
										return
									}
								}
								let arr22 = []
								let arr333 = []
								this.diDataLists.forEach((item) => {
									arr22.push({
										value:
											Object.keys(item).indexOf(
												'DataLibraryId'
											) === -1
												? item.DetailDataLibraryId
												: item.DataLibraryId,
										label: item.DataAssetsId,
									})
								})
								arr22.forEach((item) => {
									if (item.label != undefined)
										arr333.push(item)
								})

								this.arr11 = arr333
								if (this.arr11.length == 0) {
									this.modestate = false
								} else {
									this.diList = Array.from(
										new Set(
											this.arr11.map((obj) => obj.value)
										)
									).map((value) =>
										this.arr11.find(
											(obj) => obj.value === value
										)
									)
									this.modestate = true
								}
								for (
									var i = 0;
									i < this.diDataLists.length;
									i++
								) {
									if (!this.diDataLists[i].DataAssetsId) {
										this.flagstate = 1
									}
								}
							}
							//数据流程图
							if (
								this.fileLists.length === 0 &&
								!this.initFromData.RpaDataFlowDiagramDescribe
							) {
								this.$message.error(
									this.$t('rpa.detail.tip.shujuliutu')
								)
								return
							}
							//系统架构图
							if (
								this.RpaSystemFileLists.length === 0 &&
								!this.initFromData.RpaSystemArchitectureDescribe
							) {
								this.$message.error(
									this.$t('rpa.detail.tip.xtjg')
								)
								return
							}
						}
						if (this.flagstate == 1) {
							this.showDataFields = true
							this.diId = ''
						} else {
							// this.submitCreate()
							this.showDataFields = false
							// if (this.$props.state == 'edit') {
							//   this.createQuestionStatus = false;
							// } else {
							this.createQuestionStatus = false
							await this.$nextTick()

							resValue.RpaObjective = this.$t(
								resValue.RpaObjective
							)
							this.createDataModal = true

							// this.form.setFieldsValue({DpiaRpaId:this.DpiaRpaId,DpiaName:this.DpiaRpaId})
							// }
							// 将数据做基础的处理
							if (resValue.RpaActivityCycle != undefined) {
								resValue.RpaActivityCycle =
									resValue.RpaActivityCycle.join()
							}
							if (resValue.RpaActivityType != undefined) {
								resValue.RpaActivityType =
									resValue.RpaActivityType.join()
							}
							if (resValue.RpaDataController != undefined) {
								resValue.RpaDataController =
									resValue.RpaDataController.toString()
								console.log(resValue.RpaDataController)
							}
							if (resValue.RpaSystemNetwork != undefined) {
								resValue.RpaSystemNetwork =
									resValue.RpaSystemNetwork.toString()
							}

							let url = []
							//处理数据流图url
							if (this.fileLists.length > 0) {
								this.fileLists.forEach((item) => {
									let RpaUploadUrlUrl = []
									RpaUploadUrlUrl = item.url
										.split('/')
										.splice(-2, 2)

									console.log(
										RpaUploadUrlUrl,
										RpaUploadUrlUrl.join('/')
									)

									url.push({
										RpaUploadUrl: RpaUploadUrlUrl.join('/'),
										RpaUploadType: item.RpaUploadType,
									})
								})
							}
							//处理架构图url
							if (this.RpaSystemFileLists.length > 0) {
								this.RpaSystemFileLists.forEach((item) => {
									let RpaSystemFileListsUrl = []
									RpaSystemFileListsUrl = item.url
										.split('/')
										.splice(-2, 2)
									url.push({
										RpaUploadUrl:
											RpaSystemFileListsUrl.join('/'),
										RpaUploadType: item.RpaUploadType,
									})
								})
							}
							resValue.RpaUpload = url
							// resValue.DiId = 333
							// 指定保存还是提交(1:草稿(Draft),2:上线(Active),3:下线(Offline))
							resValue.RpaState = 2
							// DI数据详情
							resValue.RpaDataDetail = this.diDataLists
							var tempRpaDataDetail = []
							if (
								resValue.RpaDataDetail != null &&
								resValue.RpaDataDetail != undefined
							) {
								for (
									var i = 0;
									i < resValue.RpaDataDetail.length;
									i++
								) {
									// 删除ID
									if (!this.types) {
										delete resValue.RpaDataDetail[i].Id
									}
									resValue.RpaDataDetail[i].RpaId =
										resValue.Id

									if (
										Object.keys(
											resValue.RpaDataDetail[i]
										).indexOf('DataLibraryId') != -1
									) {
										if (
											resValue.RpaDataDetail[i]
												.DataLibraryId != 0
										) {
											resValue.RpaDataDetail[
												i
											].DetailDataLibraryId =
												resValue.RpaDataDetail[
													i
												].DataLibraryId
											resValue.RpaDataDetail[i].DataItem =
												parseInt(
													resValue.RpaDataDetail[i]
														.DataItem
												)
										}
									} else {
										resValue.RpaDataDetail[i].DataItem =
											parseInt(
												resValue.RpaDataDetail[i]
													.DataItem
											)
									}
									// 公共城市字段
									var DataCityType =
										typeof resValue.RpaDataDetail[i]
											.DataCity
									if (DataCityType == 'object') {
										console.log(
											'DataCityType:',
											DataCityType
										)
										resValue.RpaDataDetail[i].DataCity =
											resValue.RpaDataDetail[
												i
											].DataCity.join(',')
									} else {
										resValue.RpaDataDetail[i].DataCity =
											resValue.RpaDataDetail[
												i
											].DataCity.toString()
									}

									// 数据存放地
									var DataDepositType =
										typeof resValue.RpaDataDetail[i]
											.DataDeposit
									if (DataDepositType == 'object') {
										resValue.RpaDataDetail[i].DataDeposit =
											resValue.RpaDataDetail[
												i
											].DataDeposit.join(',')
									} else {
										resValue.RpaDataDetail[i].DataDeposit =
											resValue.RpaDataDetail[
												i
											].DataDeposit.toString()
									}

									// 数据来源
									var DataSourceType =
										typeof resValue.RpaDataDetail[i]
											.DataSource
									if (DataSourceType == 'object') {
										resValue.RpaDataDetail[i].DataSource =
											resValue.RpaDataDetail[
												i
											].DataSource.join(',')
									} else {
										resValue.RpaDataDetail[i].DataSource =
											resValue.RpaDataDetail[
												i
											].DataSource.toString()
									}

									// 数据目的地
									var DataDestinationType =
										typeof resValue.RpaDataDetail[i]
											.DataDestination
									if (DataDestinationType == 'object') {
										console.log(
											'DataDestinationType:',
											DataDestinationType
										)
										resValue.RpaDataDetail[
											i
										].DataDestination =
											resValue.RpaDataDetail[
												i
											].DataDestination.join(',')
									} else {
										resValue.RpaDataDetail[
											i
										].DataDestination =
											resValue.RpaDataDetail[
												i
											].DataDestination.toString()
									}
									tempRpaDataDetail.push(
										resValue.RpaDataDetail[i]
									)
								}
								resValue.RpaDataDetail = tempRpaDataDetail
							}
							if (resValue.RpaNoPIOrImportantInvolved) {
								resValue.RpaNoPIOrImportantInvolved = 1
							} else {
								resValue.RpaNoPIOrImportantInvolved = 0
							}
							if (this.cope == 1) {
								delete resValue.DpiaRpaId
								delete resValue.Id
							} else {
							}
							const { data } = await rpaCreate(
								deepClone(resValue)
							)
								; (this.DpiaModelId = resValue.DpiaModelId),
									(this.DpiaName = resValue.DpiaName),
									(this.rpaidd = data)
							let arr = Array('RPA' + data, resValue.RpaName)
							this.handleCreateQuestionSubmitSH()
							// 保存rpa
							this.$message.success(
								this.$t(
									'user.verification-code.required111566110577308'
								)
							)
							// this.createDataModal = true
						}
					} else {
						setTimeout(() => {
							this.ifLoading = false
						}, 600)
					}
				}
				return

				this.ifLoading = false
			})
			this.ifLoading = false
		},
		onChanges(e) {
			this.changvalue = e
			console.log('e', e)
		},
		RpaIfCompletedPIA(e) {
			// this.changvalue = e;
		},
		filterOption(input, option) {
			return (
				option.componentOptions.children[0].text.indexOf(
					input.toLowerCase()
				) >= 0
			)
		},
		async filterSearchInputOption(inputs, option) {
			//数据详情的数据字段
			const { data: dataItemsSearchData } = await dccDataItemsSelect({
				search: inputs,
			})
			this.dataItemsSearchData = dataItemsSearchData
		},
		async filterSearchInputOptionEn(inputs, option) {
			//数据详情的数据字段
			this.dataItemsSearchData = []
			const { data: dataItemsSearchData } = await dccDataItemsSelect({
				search: inputs,
			})
			for (var i = 0; i < dataItemsSearchData.length; i++) {
				this.dataItemsSearchData.push({
					label: dataItemsSearchData[i].labelEn,
					value: dataItemsSearchData[i].value,
				})
			}
		},
		//新增数据字段下拉
		changegai(value) {
			this.diId = value
		},

		//回显到input
		async selectinput(value, label, dpiaExist) {
			if (dpiaExist == 1) {
			} else {
				this.selectOption = 1
				this.selinput = value
				this.label = label
				this.form.setFieldsValue({
					DpiaRpaId: value
				})
				let inpute = ''
				for (let i = 0; i < this.rpaListData.length; i++) {
					if (this.rpaListData[i].value == value) {
						inpute = this.rpaListData[i].label
					}
				}
				if (this.Newrpa == 0) {
					this.ifvisibles = false
					this.stateCode = 'edit'
					this.state = 'edit'
					this.Rpas(value)
					this.rpashow = true
					this.Newrpa = 0
					this.inpute = inpute

					const { data } = await rpaLists({
						...{ page: 1, pageSize: 10 },
						...{
							RpaIds: value,
						},
					})
					// 解构赋值
					const { Lists } = data
					Lists.map((item, index) => {
						this.RpaIfCompletedPIA = item.RpaIfCompletedPIA
						this.RpaNoPIOrImportantInvolved =
							item.RpaNoPIOrImportantInvolved
						if (
							item.RpaIfCompletedPIA == 1 ||
							item.RpaNoPIOrImportantInvolved == 1
						) {
							this.pia = false
						} else {
							this.pia = true
						}
						if (item.RpaIfCompletedPIA == 1) {
							this.form.setFieldsValue({
								DpiaModelId: 1000,
							})
						} else if (item.RpaNoPIOrImportantInvolved == 1) {
							this.form.setFieldsValue({
								DpiaModelId: 1001,
							})
						} else {
							this.form.setFieldsValue({
								// DpiaModelId: '',
							})
						}
					})
				} else {
					this.ifvisibles = true
				}

			}
		},
		async Rpas(ids, cope) {
			const stateCode = this.stateCode
			const id = ids
			if (stateCode == 'add') {
				this.pageTitle =
					'user.verification-code.required111566110577134'
				this.types = false
				this.disabled = false
				await this.$nextTick()
				/**
				 * 初始化DPIA的弹窗跟RPA的数据内容
				 * 没有写入的内容都是undefind,保证都初始化过
				 * @type {{RpaId: any, Id: any}}
				 */
				// this.initFromData = {
				//   ...{
				//     RpaId: data.RpaId,
				//     Id: data.Id,
				//   },
				// };
				// this.initDpiaFromData = {
				// 	...{
				// 		DpiaRpaId: this.DpiaRpaId,
				// 		DpiaName: 'DPIA-' + this.DpiaRpaId,
				// 	},
				// }

				// await this.$nextTick()
				// 赋值行为
				// this.form.setFieldsValue(this.initFromData)
				// this.form1.setFieldsValue(this.initDpiaFromData)
				// 绑定内容
				// this.DpiaRpaId = data.RpaId;
				// this.rpaId = data.Id;
			} else if (stateCode === 'edit') {
				this.pageTitle =
					'user.verification-code.required111566110577135'
				this.types = true
				this.createQuestionStatus = false
				// 修改
				try {
					// 读取数据
					this.rpaId = id
					this.rpaidd = id
					await this.$nextTick()
					const { data: rpaInfo } = await rpaDetail({ Id: id })
					if (rpaInfo.RpaNoPIOrImportantInvolved == 1) {
						rpaInfo.RpaNoPIOrImportantInvolved = true
					} else {
						rpaInfo.RpaNoPIOrImportantInvolved = false
					}
					console.log(this.initFromData, '123')
					rpaInfo.RpaDataDetail
						? rpaInfo.RpaDataDetail.forEach((item) => {
							item.DataItemsStr =
								item.DataItem === 0
									? undefined
									: item.DataItem
						})
						: ''
					this.rpaInfo = rpaInfo
					this.initFromData = rpaInfo
					// this.rpaId = id
					// 回显本业务是否涉及线上系统或平台
					this.changvalue = rpaInfo.RpaCollectionChannels
					if (
						rpaInfo.RpaObjective === '其他【请补充说明】' ||
						rpaInfo.RpaObjective === 'bussic.target.h'
					) {
						this.otherPurpose = true
					} else {
						this.otherPurpose = false
					}
					if (rpaInfo.RpaLeaderRetinue) {
						this.userList.push(
							{
								value: rpaInfo.RpaLeaderMaster,
								label: rpaInfo.RpaLeaderMasterStr,
							},
							{
								value: rpaInfo.RpaLeaderRetinue,
								label: rpaInfo.RpaLeaderRetinueStr,
							}
						)
					} else {
						this.userList.push({
							value: rpaInfo.RpaLeaderMaster,
							label: rpaInfo.RpaLeaderMasterStr,
						})
					}

					if (rpaInfo.RpaUpload) {
						rpaInfo.RpaUpload.forEach((item, index) => {
							if (item.RpaUploadType == 1) {
								let name =
									item.RpaUploadUrl.split('/').slice(-1)
								this.fileLists.push({
									Id: item.Id,
									uid: index,
									name: name,
									status: 'done',
									url: item.RpaUploadUrl,
									RpaUploadType: 1,
								})
							} else {
								let name =
									item.RpaUploadUrl.split('/').slice(-1)
								this.RpaSystemFileLists.push({
									Id: item.Id,
									uid: index,
									name: name,
									status: 'done',
									url: item.RpaUploadUrl,
									RpaUploadType: 2,
								})
							}
						})
					}
					console.log(this.fileLists, '9999')
					rpaInfo.RpaActivityCycle = this.strToInt(
						rpaInfo.RpaActivityCycle.split(',')
					)
					rpaInfo.RpaActivityType = this.strToInt(
						rpaInfo.RpaActivityType.split(',')
					)
					let RpaDataController = []
					if (rpaInfo.RpaDataControllerOther != '') {
						this.otherflag = true
					} else if (rpaInfo.RpaDataControllerOther == '') {
						this.otherflag = false
					}
					if (rpaInfo.RpaDataController) {
						rpaInfo.RpaDataController.split(',').forEach((item) => {
							RpaDataController.push(parseInt(item))
						})
					}

					// 数据控制者
					rpaInfo.RpaDataController = RpaDataController
						? RpaDataController
						: undefined
					//业务主负责人
					rpaInfo.RpaLeaderMaster = rpaInfo.RpaLeaderMaster
						? rpaInfo.RpaLeaderMaster
						: undefined
					// 处理活动周期
					rpaInfo.RpaProcessingActivityCycle =
						rpaInfo.RpaProcessingActivityCycle
							? rpaInfo.RpaProcessingActivityCycle
							: undefined
					// 处理活动的系统或网络环境
					rpaInfo.RpaSystemNetwork = parseInt(
						rpaInfo.RpaSystemNetwork
					)
						? parseInt(rpaInfo.RpaSystemNetwork)
						: undefined
					// 涉及个人信息主体的数量
					rpaInfo.RpaNumber =
						rpaInfo.RpaNumber == 0 ? undefined : rpaInfo.RpaNumber
					// 涉及敏感个人信息主体的数量
					rpaInfo.RpaSensitiveNumber =
						rpaInfo.RpaSensitiveNumber == 0
							? undefined
							: rpaInfo.RpaSensitiveNumber
					// 本次业务活动是否涉及线上处理活动
					rpaInfo.RpaCollectionChannels =
						rpaInfo.RpaCollectionChannels == 0
							? undefined
							: rpaInfo.RpaCollectionChannels
					// rpaInfo.RpaLeaderMaster = parseInt(rpaInfo.RpaLeaderMaster)
					rpaInfo.RpaLeaderRetinue = rpaInfo.RpaLeaderRetinue
						? rpaInfo.RpaLeaderRetinue
						: undefined
					if (Array.isArray(rpaInfo.RpaDataDetail)) {
						//数据详情里面的城市，数据来源 ，数据目的地
						let arr = []
						this.tempId = 1
						rpaInfo.RpaDataDetail.forEach((item) => {
							// item.DataDeposit = parseInt(item.DataDeposit)
							//目的地
							if (item.Id === 0) {
								item.tempId = ++this.tempId
							}
							if (item.DataDeposit) {
								item.DataDeposit = item.DataDeposit.split(
									','
								).reduce((pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								}, [])
							} else {
								item.DataDeposit = undefined
							}
							// item.DataCity = parseInt(item.DataCity)
							//城市
							if (item.DataCity) {
								item.DataCity = item.DataCity.split(',').reduce(
									(pre, cur) => {
										pre.push(parseInt(cur))
										return pre
									},
									[]
								)
							} else {
								item.DataCity = undefined
							}
							// item.DataDestination = parseInt(item.DataDestination)

							//目的地
							if (item.DataDestination) {
								item.DataDestination =
									item.DataDestination.split(',').reduce(
										(pre, cur) => {
											pre.push(parseInt(cur))
											return pre
										},
										[]
									)
							} else {
								item.DataDestination = undefined
							}
							if (item.DataDestinationStr) {
								let DataDestinationStr =
									item.DataDestinationStr.split(',')
								DataDestinationStr.map((item) => {
									this.appIdCreatexlFz(item)
								})
							}
							if (item.SourceStr) {
								let SourceStr = item.SourceStr.split(',')
								SourceStr.map((item) => {
									this.appIdCreatexlFz(item)
								})
							}
							//数据来源
							if (item.DataSource) {
								item.DataSource = item.DataSource.split(
									','
								).reduce((pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								}, [])
							} else {
								item.DataSource = undefined
							}
							arr.push(item)
						})
						this.diDataLists = arr
						console.log('arrrrr', arr)
						// this.diList=[...new Set(this.arr11)]
						console.log('this.diList', this.diList)
					}
					await this.$nextTick()
					if (!rpaInfo.RpaObjective) {
						rpaInfo.RpaObjective = undefined
					}
					if (this.$route.query.state == 'edit') {
						rpaInfo.DpiaName = this.$route.query.DpiaName
						if (this.$route.query.DpiaModelId == 0) {
							this.form.setFieldsValue({
								DpiaModelId: '',
								// DpiaRpaId: this.$route.query.DpiaRpaId*1
							})
						} else {
							this.form.setFieldsValue({
								DpiaModelId: this.$route.query.DpiaModelId * 1,
								// DpiaRpaId: this.$route.query.DpiaRpaId*1
							})
						}

						// rpaInfo.DpiaRpaId = this.$route.query.id
					}
					// rpaInfo.DpiaModelId = this.$route.query.DpiaModelId * 1
					console.log(rpaInfo, 90)
					this.form.setFieldsValue(rpaInfo)
				} catch (error) {
					this.$message.error(error)
					console.log(error)
				} finally {
					this.loading = false
				}
			} else if (cope == 'cope') {
				this.pageTitle =
					'user.verification-code.required111566110577135'
				this.types = true
				this.createQuestionStatus = false
				// 修改
				try {
					// 读取数据
					this.rpaId = id
					this.rpaidd = id
					await this.$nextTick()
					const { data: rpaInfo } = await rpaDetail({ Id: id })
					if (rpaInfo.RpaNoPIOrImportantInvolved == 1) {
						rpaInfo.RpaNoPIOrImportantInvolved = true
					} else {
						rpaInfo.RpaNoPIOrImportantInvolved = false
					}
					console.log(this.initFromData, '123')
					rpaInfo.RpaDataDetail
						? rpaInfo.RpaDataDetail.forEach((item) => {
							item.DataItemsStr =
								item.DataItem === 0
									? undefined
									: item.DataItem
						})
						: ''
					this.rpaInfo = rpaInfo
					this.initFromData = rpaInfo
					// this.rpaId = id
					// 回显本业务是否涉及线上系统或平台
					this.changvalue = rpaInfo.RpaCollectionChannels
					if (
						rpaInfo.RpaObjective === '其他【请补充说明】' ||
						rpaInfo.RpaObjective === 'bussic.target.h'
					) {
						this.otherPurpose = true
					} else {
						this.otherPurpose = false
					}
					if (rpaInfo.RpaLeaderRetinue) {
						this.userList.push(
							{
								value: rpaInfo.RpaLeaderMaster,
								label: rpaInfo.RpaLeaderMasterStr,
							},
							{
								value: rpaInfo.RpaLeaderRetinue,
								label: rpaInfo.RpaLeaderRetinueStr,
							}
						)
					} else {
						this.userList.push({
							value: rpaInfo.RpaLeaderMaster,
							label: rpaInfo.RpaLeaderMasterStr,
						})
					}

					if (rpaInfo.RpaUpload) {
						rpaInfo.RpaUpload.forEach((item, index) => {
							if (item.RpaUploadType == 1) {
								let name =
									item.RpaUploadUrl.split('/').slice(-1)
								this.fileLists.push({
									Id: item.Id,
									uid: index,
									name: name,
									status: 'done',
									url: item.RpaUploadUrl,
									RpaUploadType: 1,
								})
							} else {
								let name =
									item.RpaUploadUrl.split('/').slice(-1)
								this.RpaSystemFileLists.push({
									Id: item.Id,
									uid: index,
									name: name,
									status: 'done',
									url: item.RpaUploadUrl,
									RpaUploadType: 2,
								})
							}
						})
					}
					rpaInfo.RpaActivityCycle = this.strToInt(
						rpaInfo.RpaActivityCycle.split(',')
					)
					rpaInfo.RpaActivityType = this.strToInt(
						rpaInfo.RpaActivityType.split(',')
					)
					let RpaDataController = []
					if (rpaInfo.RpaDataControllerOther != '') {
						this.otherflag = true
					} else if (rpaInfo.RpaDataControllerOther == '') {
						this.otherflag = false
					}
					if (rpaInfo.RpaDataController) {
						rpaInfo.RpaDataController.split(',').forEach((item) => {
							RpaDataController.push(parseInt(item))
						})
					}

					// 数据控制者
					rpaInfo.RpaDataController = RpaDataController
						? RpaDataController
						: undefined
					//业务主负责人
					rpaInfo.RpaLeaderMaster = rpaInfo.RpaLeaderMaster
						? rpaInfo.RpaLeaderMaster
						: undefined
					// 处理活动周期
					rpaInfo.RpaProcessingActivityCycle =
						rpaInfo.RpaProcessingActivityCycle
							? rpaInfo.RpaProcessingActivityCycle
							: undefined
					// 处理活动的系统或网络环境
					rpaInfo.RpaSystemNetwork = parseInt(
						rpaInfo.RpaSystemNetwork
					)
						? parseInt(rpaInfo.RpaSystemNetwork)
						: undefined
					// 涉及个人信息主体的数量
					rpaInfo.RpaNumber =
						rpaInfo.RpaNumber == 0 ? undefined : rpaInfo.RpaNumber
					// 涉及敏感个人信息主体的数量
					rpaInfo.RpaSensitiveNumber =
						rpaInfo.RpaSensitiveNumber == 0
							? undefined
							: rpaInfo.RpaSensitiveNumber
					// 本次业务活动是否涉及线上处理活动
					rpaInfo.RpaCollectionChannels =
						rpaInfo.RpaCollectionChannels == 0
							? undefined
							: rpaInfo.RpaCollectionChannels
					// rpaInfo.RpaLeaderMaster = parseInt(rpaInfo.RpaLeaderMaster)
					rpaInfo.RpaLeaderRetinue = rpaInfo.RpaLeaderRetinue
						? rpaInfo.RpaLeaderRetinue
						: undefined
					if (Array.isArray(rpaInfo.RpaDataDetail)) {
						//数据详情里面的城市，数据来源 ，数据目的地
						let arr = []
						this.tempId = 1
						rpaInfo.RpaDataDetail.forEach((item) => {
							// item.DataDeposit = parseInt(item.DataDeposit)
							//目的地
							if (item.Id === 0) {
								item.tempId = ++this.tempId
							}
							if (item.DataDeposit) {
								item.DataDeposit = item.DataDeposit.split(
									','
								).reduce((pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								}, [])
							} else {
								item.DataDeposit = undefined
							}
							// item.DataCity = parseInt(item.DataCity)
							//城市
							if (item.DataCity) {
								item.DataCity = item.DataCity.split(',').reduce(
									(pre, cur) => {
										pre.push(parseInt(cur))
										return pre
									},
									[]
								)
							} else {
								item.DataCity = undefined
							}
							// item.DataDestination = parseInt(item.DataDestination)

							//目的地
							if (item.DataDestination) {
								item.DataDestination =
									item.DataDestination.split(',').reduce(
										(pre, cur) => {
											pre.push(parseInt(cur))
											return pre
										},
										[]
									)
							} else {
								item.DataDestination = undefined
							}
							if (item.DataDestinationStr) {
								let DataDestinationStr =
									item.DataDestinationStr.split(',')
								DataDestinationStr.map((item) => {
									this.appIdCreatexlFz(item)
								})
							}
							if (item.SourceStr) {
								let SourceStr = item.SourceStr.split(',')
								SourceStr.map((item) => {
									this.appIdCreatexlFz(item)
								})
							}
							//数据来源
							if (item.DataSource) {
								item.DataSource = item.DataSource.split(
									','
								).reduce((pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								}, [])
							} else {
								item.DataSource = undefined
							}
							arr.push(item)
						})
						this.diDataLists = arr
						console.log('arrrrr', arr)
						// this.diList=[...new Set(this.arr11)]
						console.log('this.diList', this.diList)
					}
					await this.$nextTick()
					if (!rpaInfo.RpaObjective) {
						rpaInfo.RpaObjective = undefined
					}
					if (this.$route.query.state == 'edit') {
						rpaInfo.DpiaName = this.$route.query.DpiaName
						rpaInfo.DpiaName = this.$route.query.DpiaName
						if (this.$route.query.DpiaModelId == 0) {
							this.form.setFieldsValue({
								DpiaModelId: '',
								// DpiaRpaId: this.$route.query.DpiaRpaId*1
							})
						} else {
							this.form.setFieldsValue({
								DpiaModelId: this.$route.query.DpiaModelId * 1,
								// DpiaRpaId: this.$route.query.DpiaRpaId*1
							})
						}
						// rpaInfo.DpiaRpaId = this.$route.query.id
					}
					// rpaInfo.DpiaModelId = this.$route.query.DpiaModelId * 1
					console.log(rpaInfo, 90)
					this.form.setFieldsValue(rpaInfo)
				} catch (error) {
					this.$message.error(error)
					console.log(error)
				} finally {
					this.loading = false
				}
			} else {
				this.types = true
				this.createQuestionStatus = false
				this.disabled = true
				// 查看
				try {
					// 读取数据
					this.pageTitle = 'rpa.detail'
					this.rpaId = id
					const { data: rpaInfo } = await rpaDetail({ Id: id })
					console.log(rpaInfo)
					if (rpaInfo.RpaNoPIOrImportantInvolved == 1) {
						rpaInfo.RpaNoPIOrImportantInvolved = true
					} else {
						rpaInfo.RpaNoPIOrImportantInvolved = false
					}
					this.rpaInfo = rpaInfo
					this.initFromData = rpaInfo
					rpaInfo.RpaDataDetail
						? rpaInfo.RpaDataDetail.forEach((item) => {
							item.DataItemsStr =
								item.DataItem === 0
									? undefined
									: item.DataItem
						})
						: ''
					// 获得列表数据 不走这步会全部是数字
					const { data: appidLists } = await appIdCreatexl({
						content: '',
						types: 1,
					})
					this.appidLists = appidLists
					if (rpaInfo.RpaUpload) {
						rpaInfo.RpaUpload.forEach((item, index) => {
							if (item.RpaUploadType == 1) {
								let name =
									item.RpaUploadUrl.split('/').slice(-1)
								this.fileLists.push({
									Id: item.Id,
									uid: index,
									name: name,
									status: 'done',
									url: item.RpaUploadUrl,
								})
							} else {
								let name =
									item.RpaUploadUrl.split('/').slice(-1)
								this.RpaSystemFileLists.push({
									Id: item.Id,
									uid: index,
									name: name,
									status: 'done',
									url: item.RpaUploadUrl,
								})
							}
						})
					}
					rpaInfo.RpaActivityCycle = this.strToInt(
						rpaInfo.RpaActivityCycle.split(',')
					)
					rpaInfo.RpaActivityType = this.strToInt(
						rpaInfo.RpaActivityType.split(',')
					)
					let RpaDataController = []
					if (rpaInfo.RpaDataControllerOther != '') {
						this.otherflag = true
					} else if (rpaInfo.RpaDataControllerOther == '') {
						this.otherflag = false
					}
					if (rpaInfo.RpaDataController) {
						rpaInfo.RpaDataController.split(',').forEach((item) => {
							RpaDataController.push(parseInt(item))
						})
					}
					// 回显本业务是否涉及线上系统或平台
					this.changvalue = rpaInfo.RpaCollectionChannels
					if (
						rpaInfo.RpaObjective === '其他【请补充说明】' ||
						rpaInfo.RpaObjective === 'bussic.target.h'
					) {
						this.otherPurpose = true
					} else {
						this.otherPurpose = false
					}
					await this.$nextTick()
					// 数据控制者
					rpaInfo.RpaDataController = RpaDataController
						? RpaDataController
						: undefined
					//业务主负责人
					// if (rpaInfo.RpaLeaderMasterStr === '') {
					// 	rpaInfo.RpaLeaderMaster = undefined
					// } else {
						rpaInfo.RpaLeaderMaster = rpaInfo.RpaLeaderMaster
							? rpaInfo.RpaLeaderMaster
							: undefined
					// }
					// 处理活动周期
					rpaInfo.RpaProcessingActivityCycle =
						rpaInfo.RpaProcessingActivityCycle
							? rpaInfo.RpaProcessingActivityCycle
							: undefined
					// 处理活动的系统或网络环境
					rpaInfo.RpaSystemNetwork = parseInt(
						rpaInfo.RpaSystemNetwork
					)
						? parseInt(rpaInfo.RpaSystemNetwork)
						: undefined
					// 涉及个人信息主体的数量
					rpaInfo.RpaNumber =
						rpaInfo.RpaNumber == 0 ? undefined : rpaInfo.RpaNumber
					// 涉及敏感个人信息主体的数量
					rpaInfo.RpaSensitiveNumber =
						rpaInfo.RpaSensitiveNumber == 0
							? undefined
							: rpaInfo.RpaSensitiveNumber
					// 本次业务活动是否涉及线上处理活动
					rpaInfo.RpaCollectionChannels =
						rpaInfo.RpaCollectionChannels == 0
							? undefined
							: rpaInfo.RpaCollectionChannels
					// rpaInfo.RpaLeaderMaster = parseInt(rpaInfo.RpaLeaderMaster)
					rpaInfo.RpaLeaderRetinue = rpaInfo.RpaLeaderRetinue
						? rpaInfo.RpaLeaderRetinue
						: undefined
					this.form.setFieldsValue(rpaInfo)
					if (Array.isArray(rpaInfo.RpaDataDetail)) {
						//数据详情里面的城市，数据来源 ，数据目的地
						let arr = []
						// 给数据详情赋值
						rpaInfo.RpaDataDetail.forEach((item) => {
							// item.DataDeposit = parseInt(item.DataDeposit)
							//目的地
							if (item.DataDeposit) {
								item.DataDeposit = item.DataDeposit.split(
									','
								).reduce((pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								}, [])
							} else {
								item.DataDeposit = undefined
							}
							// item.DataCity = parseInt(item.DataCity)
							//城市
							if (item.DataCity) {
								item.DataCity = item.DataCity.split(',').reduce(
									(pre, cur) => {
										pre.push(parseInt(cur))
										return pre
									},
									[]
								)
							} else {
								item.DataCity = undefined
							}
							// item.DataDestination = parseInt(item.DataDestination)

							//目的地
							if (item.DataDestination) {
								item.DataDestination =
									item.DataDestination.split(',').reduce(
										(pre, cur) => {
											pre.push(parseInt(cur))
											return pre
										},
										[]
									)
							} else {
								item.DataDestination = undefined
							}
							if (item.DataDestinationStr) {
								let DataDestinationStr =
									item.DataDestinationStr.split(',')
								DataDestinationStr.map((item) => {
									this.appIdCreatexlFz(item)
								})
							}
							if (item.SourceStr) {
								let SourceStr = item.SourceStr.split(',')
								SourceStr.map((item) => {
									this.appIdCreatexlFz(item)
								})
							}
							//数据来源
							if (item.DataSource) {
								item.DataSource = item.DataSource.split(
									','
								).reduce((pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								}, [])
							} else {
								item.DataSource = undefined
							}
							arr.push(item)
						})
						this.diDataLists = arr
					}
					// 没有值的时候是空
				} catch (error) {
					this.$message.error(error)
					console.log(error)
				} finally {
					this.loading = false
				}
			}
			// 加载数据控制者数据
			const { data: systemControllerSourceData } =
				await configurationSelect({
					state: 11,
				})

			/**
			 * 1、加载收集渠道数据
			 * 2、加载数据处理活动周期
			 * 3、加载数据处理活动类型
			 */
			const {
				collectionChannelsSourceData,
				dataProcessingActivityCycleData,
				processingActivityTypesData,
			} = await getSourceData(this.$props.itLang)
			this.collectionChannelsSourceData = collectionChannelsSourceData
			this.dataProcessingActivityCycleData =
				dataProcessingActivityCycleData
			this.processingActivityTypesData = processingActivityTypesData

			// 加载数据资产名称APP名称下拉
			const { data: rpaSelectAssetNameData } = await rpaSelectAssetName()
			// 城市
			const { data: sonfigurationItemsContent } =
				await configurationSelect({
					state: 3,
				})

			this.sonfigurationItemsContent = sonfigurationItemsContent
			this.systemControllerSourceData = systemControllerSourceData
			this.collectionChannelsSourceData = collectionChannelsSourceData
			this.rpaSelectAssetNameData = rpaSelectAssetNameData
			setTimeout(() => {
				this.changeselect(this.rpaInfo.RpaDataController)
			})
			if (stateCode === 'detail') {
				// 详情,打开数据返显
				this.detailStatus = true
			}
			let that = this
			if (localStorage.getItem('lang') == '"zh-CN"') {
				that.tx()
			} else if (localStorage.getItem('lang') == '"zh-EN"') {
				that.tx(1)
			}
		},
		async tx(types) {
			if (types == 1) {
				// 加载数据处理活动周期
				const { data: dataProcessingActivityCycleData } =
					await configurationSelect({ state: 6, types: 1 })
				this.dataProcessingActivityCycleData =
					dataProcessingActivityCycleData
				// 加载数据处理活动类型
				const { data: processingActivityTypesData } =
					await configurationSelect({ state: 7, types: 1 })
				this.processingActivityTypesData = processingActivityTypesData
			} else {
				// 加载数据处理活动周期
				const { data: dataProcessingActivityCycleData } =
					await configurationSelect({ state: 6 })
				this.dataProcessingActivityCycleData =
					dataProcessingActivityCycleData
				// 加载数据处理活动类型
				const { data: processingActivityTypesData } =
					await configurationSelect({ state: 7 })
				this.processingActivityTypesData = processingActivityTypesData
			}
		},
		closeDrawer() {
			this.dataDetailInfoTables = []
			this.addAppForm = {}
			this.modalVisible = false
		},
		async handleChangeAppid(value, index) {
			const { data } = await appIdDetail({ id: index.key })

			this.diForm.setFieldsValue({
				AppidName: data.AppName,
				AppidMaster: data.AppOwner,
				AppidDepartMent: data.AppDepartment,
				BbaAppId: data.BbaAppId,
				BmwAppId: data.BmwAppId,
				FeatherId: data.FeatherId,
			})
		},
		async showCreateRpaMiniModel() {
			// 新增数据字段的弹窗
			if (this.radioValue == 0) {
				// 默认什么都没选
				this.$message.error(this.$t('user.v18'))
			} else if (this.radioValue == 1) {
				// 判断是否有选择DI
				if (!this.diId) {
					this.$message.error(this.$t('user.v19'))
				} else {
					// 新增的数据字段,合并
					await this.submitCreate()
					// 关闭数据弹窗
					this.showDataFields = false
					// 展开DPIA的弹窗
					this.createQuestionStatus = false
				}
			} else if (this.radioValue == 2) {
				// 生成新的DI
				await this.submitCreate()
				// 关闭数据弹窗
				this.showDataFields = false
				// 展开DPIA的弹窗
				this.createQuestionStatus = false
			}
		},
		async showModel(record) {
			this.modalVisible = true
			this.modalTitle = this.$t(
				'user.verification-code.required11156677888888'
			)
			const { data: dataInfo } = await rpaDiDetail({
				Id: record.DataLibraryId || record.DetailDataLibraryId,
			})
			if (dataInfo.DataLibraryControllerOther != '') {
				this.otherflag = true
			} else {
				this.otherflag = false
			}
			let arr1 = []
			let arr3 = []
			if (dataInfo.DataLibraryController == '') {
				arr1 = undefined
			} else {
				arr1 = dataInfo.DataLibraryController.split(',')
				arr1.forEach((item) => {
					arr3.push(parseInt(item))
				})
			}
			await this.$nextTick()
			this.diForm.setFieldsValue({
				DataLibraryAppidId: dataInfo.DataLibraryAppidId,
				DataLibraryCreateTime: dataInfo.DataLibraryCreatetime,
				DataLibraryUpdateTime: dataInfo.DataLibraryUpdatetime,
				DataLibraryController: arr3,
				DataLibraryControllerOther: dataInfo.DataLibraryControllerOther,
				DataLibraryEnvironment: dataInfo.DataLibraryEnvironment,
				DataLibraryEntities: dataInfo.DataLibraryEntities,
				DataAssetsId: dataInfo.DataAssetsId,
				DataLibraryUser: dataInfo.DataLibraryUser,
				Id: dataInfo.Id,
				BmwAppId: dataInfo.BmwAppId,
				BbaAppId: dataInfo.BbaAppId,
				FeatherId: dataInfo.FeatherId,
			})
			this.handleChangeAppid('', { key: dataInfo.DataLibraryAppidId })
			let tempLists = []
			await this.$nextTick()
			if (dataInfo.Details) {
				for (var i = 0; i < dataInfo.Details.length; i++) {
					var arr5 = []
					dataInfo.Details[i].DataCity.split(',').forEach((item) => {
						arr5.push(parseInt(item))
					})
					var arr6 = []
					dataInfo.Details[i].DataDeposit.split(',').forEach(
						(item) => {
							arr6.push(parseInt(item))
						}
					)
					var arr7 = []
					dataInfo.Details[i].DataSource.split(',').forEach(
						(item) => {
							arr7.push(parseInt(item))
						}
					)
					var arr8 = []
					dataInfo.Details[i].DataDestination.split(',').forEach(
						(item) => {
							arr8.push(parseInt(item))
						}
					)
					var tempItems = {
						Id: dataInfo.Details[i].Id,
						key: dataInfo.Details[i].Id,
						DataItemStr: dataInfo.Details[i].DataItemsStr,
						DataItem: dataInfo.Details[i].DataItem,
						DataLevelStr: dataInfo.Details[i].DataLevelStr,
						DataLevel: dataInfo.Details[i].SourceDataLevel, // 数据级别
						DataSensitiveStr:
							dataInfo.Details[i].DataSensitivityStr, // 数据敏感度
						DataSensitive: dataInfo.Details[i].SourceDataSensitive,
						...dataInfo.Details[i],
						DataCity: arr5,
						DataDeposit: arr6,
						DataSource: arr7,
						DataDestination: arr8,
					}
					tempLists.push(tempItems)
				}
			}
			this.dataDetailInfoTables = tempLists
		},
		//添加详情删除
		async delxiangqing(record) {
			console.log(this.Newrpa)
			try {
				if (record.DataItem == '') {
					this.flagstate = 0
				}
				if (!record.Id && record.tempId) {
					const dataSource = [...this.diDataLists]
					this.diDataLists = dataSource.filter(
						(item) => item.tempId != record.tempId
					)
					return
				} else if (
					this.$route.query.state == 'edit' &&
					this.Newrpa == 1
				) {
					await rpaDelDetail({ Id: record.Id })
					const dataSource = [...this.diDataLists]
					this.diDataLists = dataSource.filter(
						(item) => item.Id != record.Id
					)
				} else if (
					this.$props.state == 'add' ||
					this.Newrpa == 1 ||
					this.Newrpa == 0
				) {
					console.log(888)
					const dataSource = [...this.diDataLists]
					this.diDataLists = dataSource.filter(
						(item) => item.Id != record.Id
					)
				}
				for (let i = 0; i < this.diDataLists.length; i++) {
					if (!this.diDataLists[i].DataAssetsId) {
						this.flagstate = 1
					} else {
						this.flagstate = 0
					}
				}
				// 传过来的id直接请求删除api
				this.$message.success(
					this.$t('user.verification-code.required111566110577133')
				)
				// 重新初始化列表刷新数据
			} catch (error) {
				this.$message.error(error)
			} finally {
			}
		},
		//生成问卷
		async handleCreateQuestionSubmitSH() {
			const {
				form1: { validateFields },
			} = this
			// const {
			// 	form: { validateFields },
			// } = this
			// 按钮loading
			this.loading = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			validateFields({ force: true }, async (err, values) => {
				if (!err) {
					try {
						this.confirmLoading = true
						const params = { ...values }
						if (this.RpaNoPIOrImportantInvolved == 1) {
							if (this.$route.query.dpia > 0) {
								const { data } = await dpiaQuestionsCreate({
									Id: this.Olddpia,
									DpiaRpaId: this.rpaidd,
									DpiaModelId: 1001,
									DpiaName: this.DpiaName,
								})
								this.$message.success(
									this.$t(
										'user.verification-code.required111566110577326'
									)
								)
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push({
									path: '/dpia/question',
									query: {
										id: data.Id,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1001,
										DpiaName: this.DpiaName,
									},
								})
							} else {
								const { data } = await dpiaQuestionsCreate({
									DpiaRpaId: this.rpaidd,
									DpiaModelId: 1001,
									DpiaName: this.DpiaName,
								})
								this.$message.success(
									this.$t(
										'user.verification-code.required111566110577326'
									)
								)
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								// this.$router.push('/')
								this.$router.push({
									path: '/dpia/question',
									query: {
										id: data.Id,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1001,
										DpiaName: this.DpiaName,
									},
								})
							}
						} else if (this.RpaIfCompletedPIA == 1) {
							if (this.$route.query.dpia > 0) {
								const { data } = await dpiaQuestionsCreate({
									Id: this.Olddpia,
									DpiaRpaId: this.rpaidd,
									DpiaModelId: 1000,
									DpiaName: this.DpiaName,
								})
								this.$message.success(
									this.$t(
										'user.verification-code.required111566110577326'
									)
								)
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push({
									path: '/dpia/question',
									query: {
										id: data.Id,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1000,
										DpiaName: this.DpiaName,
									},
								})
							} else {
								const { data } = await dpiaQuestionsCreate({
									DpiaRpaId: this.rpaidd,
									DpiaModelId: 1000,
									DpiaName: this.DpiaName,
								})
								this.$message.success(
									this.$t(
										'user.verification-code.required111566110577326'
									)
								)
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push({
									path: '/dpia/question',
									query: {
										id: data.Id,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1000,
										DpiaName: this.DpiaName,
									},
								})
							}
						} else {
							if (this.$route.query.dpia > 0) {
								const { data } = await dpiaQuestionsCreate({
									Id: this.Olddpia,
									DpiaRpaId: this.rpaidd,
									DpiaModelId: this.DpiaModelId,
									DpiaName: this.DpiaName,
								})
								this.$message.success(
									this.$t(
										'user.verification-code.required111566110577326'
									)
								)
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push({
									path: '/dpia/question',
									query: {
										id: data.Id,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: this.DpiaModelId,
										DpiaName: this.DpiaName,
									},
								})
							} else {
								const { data } = await dpiaQuestionsCreate({
									DpiaRpaId: this.rpaidd,
									DpiaModelId: this.DpiaModelId,
									DpiaName: this.DpiaName,
								})
								this.$message.success(
									this.$t(
										'user.verification-code.required111566110577326'
									)
								)
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push({
									path: '/dpia/question',
									query: {
										id: data.Id,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: this.DpiaModelId,
										DpiaName: this.DpiaName,
									},
								})
							}
						}
					} catch (error) {
						this.$message.error(error)
					} finally {
						this.loading = false
						this.confirmLoading = false
					}
				} else {
					setTimeout(() => {
						this.loading = false
					}, 600)
				}
			})
		},
		// 答题
		async handleCreateQuestionSubmit() {
			const {
				form1: { validateFields },
			} = this
			// const {
			// 	form: { validateFields },
			// } = this
			// 按钮loading
			this.loading = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			validateFields({ force: true }, async (err, values) => {
				if (!err) {
					try {
						this.confirmLoading = true
						const params = { ...values }
						console.log('params', params)
						if (this.RpaNoPIOrImportantInvolved == 1) {
							if (this.$route.query.dpia > 0) {
								const { data } =
									await dpiaQuestionsCreatePortal({
										Id: this.Olddpia,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1001,
										DpiaName: this.DpiaName,
									})
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push('/dpia/service')
							} else {
								const { data } =
									await dpiaQuestionsCreatePortal({
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1001,
										DpiaName: this.DpiaName,
									})
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								if (this.TkTuic == 1 && this.Newrpa == 1) {
									if (this.Newrpa == 1) {
										this.ifvisibles = false
										this.stateCode = 'edit'
										this.state = 'add'
										this.Rpas(this.selinput)
										this.rpashow = true
										this.Newrpa = 0
										this.sty()
									} else {
										this.ifvisibles = false
										this.stateCode = 'edit'
										this.state = 'edit'
										this.Rpas(this.selinput)
										this.rpashow = true
										this.Newrpa = 0
									}
								} else {
									this.$router.push('/dpia/service')
								}
							}
						} else if (this.RpaIfCompletedPIA == 1) {
							if (this.$route.query.dpia > 0) {
								const { data } =
									await dpiaQuestionsCreatePortal({
										Id: this.Olddpia,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1000,
										DpiaName: this.DpiaName,
									})
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push('/dpia/service')
							} else {
								const { data } =
									await dpiaQuestionsCreatePortal({
										DpiaRpaId: this.rpaidd,
										DpiaModelId: 1000,
										DpiaName: this.DpiaName,
									})
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								if (this.TkTuic == 1 && this.Newrpa == 1) {
									if (this.Newrpa == 1) {
										this.ifvisibles = false
										this.stateCode = 'edit'
										this.state = 'add'
										this.Rpas(this.selinput)
										this.rpashow = true
										this.Newrpa = 0
										this.sty()
									} else {
										this.ifvisibles = false
										this.stateCode = 'edit'
										this.state = 'edit'
										this.Rpas(this.selinput)
										this.rpashow = true
										this.Newrpa = 0
									}
								} else {
									this.$router.push('/dpia/service')
								}
							}
						} else {
							if (this.$route.query.dpia > 0) {
								const { data } =
									await dpiaQuestionsCreatePortal({
										Id: this.Olddpia,
										DpiaRpaId: this.rpaidd,
										DpiaModelId: this.DpiaModelId,
										DpiaName: this.DpiaName,
									})
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								this.$router.push('/dpia/service')
							} else {
								const { data } =
									await dpiaQuestionsCreatePortal({
										DpiaRpaId: this.rpaidd,
										DpiaModelId: this.DpiaModelId,
										DpiaName: this.DpiaName,
									})
								this.createQuestionStatus = false
								this.del == '0'
								this.ifFlag = true
								if (this.TkTuic == 1 && this.Newrpa == 1) {
									if (this.Newrpa == 1) {
										this.ifvisibles = false
										this.stateCode = 'edit'
										this.state = 'add'
										this.Rpas(this.selinput)
										this.rpashow = true
										this.Newrpa = 0
										this.sty()
									} else {
										this.ifvisibles = false
										this.stateCode = 'edit'
										this.state = 'edit'
										this.Rpas(this.selinput)
										this.rpashow = true
										this.Newrpa = 0
									}
									// this.inpute = inpute
								} else {
									this.$router.push('/dpia/service')
								}
							}
						}
					} catch (error) {
						this.$message.error(error)
					} finally {
						this.loading = false
						this.confirmLoading = false
					}
				} else {
					setTimeout(() => {
						this.loading = false
					}, 600)
				}
			})
		},

		async handleCreateQuestionCancel() {
			this.createQuestionStatus = false
			//   this.$router.push({ path: '/rpa' })
		},
		async handleDiChange(e) {
			try {
				var tempLists = []
				const { data } = await childataItems({ id: e })
				for (var i = 0; i < this.diDataLists.length; i++) {
					if (this.diDataLists[i].DataItemsStr == e) {
						this.diDataLists[i].DataLevelStr = data[0].DateLevel
						this.diDataLists[i].DataSensitivityStr =
							data[0].SensitivityLevel
						this.diDataLists[i].DataItem = e
					}
					tempLists.push(this.diDataLists[i])
				}
				this.diDataLists = tempLists
				console.log(this.diDataLists)
			} catch (error) {
				this.$message.error(error)
			}
		},
		createDataModal() {
			// 新增数据字段执行
			this.del == '1'
			if (this.diDataLists == null) {
				this.diDataLists = []
			}
			this.diDataLists.push({
				Id: this.diDataLists.length + 1,
				DataSensitivityStr: '-',
				RpaType: 2,
				DataSource: [],
				DataDestination: [],
			})

			console.log(
				'=========> 新增数据字段后的数据样子:',
				this.diDataLists
			)
		},
		async handleChangeAssets(id) {
			this.rpaDidataLists = []
			try {
				const { data } = await dataLibraryDetail({ Id: id })
				console.log('datalist', data)
				let tempLists = []
				for (var i = 0; i < data.Details.length; i++) {
					console.log('data.Details', data.Details[i])
					let arr5 = []
					let arr6 = []
					let arr7 = []
					let arr8 = []
					data.Details[i].DataAssetsId = data.DataAssetsId
					data.Details[i].DataDeposit.split(',').forEach((item) => {
						arr8.push(parseInt(item))
					})
					data.Details[i].DataSource.split(',').forEach((item) => {
						arr7.push(parseInt(item))
					})
					data.Details[i].DataCity.split(',').forEach((item) => {
						arr5.push(parseInt(item))
					})
					data.Details[i].DataDestination.split(',').forEach(
						(item) => {
							arr6.push(parseInt(item))
						}
					)
					console.log('arr6', arr6)
					console.log(data.Details[i])

					if (data.Details[i].DataDestinationStr) {
						console.log(888)
						// let DataDestinationStr =
						//     data.Details[i].DataDestinationStr.split(',')
						// 	DataDestinationStr.map((item) => {
						this.appIdCreatexlFz(data.Details[i].DataDestinationStr)
						//     })
					}
					if (data.Details[i].SourceStr) {
						// let SourceStr = data.Details[i].SourceStr.split(',')
						// SourceStr.map((item) => {
						this.appIdCreatexlFz(data.Details[i].SourceStr)
						// })
					}
					data.Details[i].DataDestination = arr6.filter(
						(item) => !isNaN(item)
					)
					if (data.Details[i].DataDestinationStr) {
						this.appIdCreatexlFz(data.Details[i].DataDestinationStr)
					}
					if (data.Details[i].SourceStr) {
						this.appIdCreatexlFz(data.Details[i].SourceStr)
					}
					data.Details[i].DataSource = arr7.filter(
						(item) => !isNaN(item)
					)
					data.Details[i].DataCity = arr5.filter(
						(item) => !isNaN(item)
					)
					data.Details[i].DataDeposit = arr8.filter(
						(item) => !isNaN(item)
					)
					tempLists.push(data.Details[i])
				}
				console.log('tempLists', tempLists)
				this.rpaDidataLists = tempLists
				console.log('this.rpaDidataLists')
				console.log('this.rpaDidataLists', this.rpaDidataLists)
			} catch (error) {
				this.$message.error(error)
				console.log(error)
			}
		},
		handleDiCancel() {
			// DI导入取消
			this.visible = false
			this.rpaDidataLists = []
			this.handleChangeAssetsSelect = undefined
		},
		handleDiSubmit() {
			this.handleDiSubmitStatus = true
			this.rpaDidataLists = []
			this.selectedRows.forEach((key, val) => {
				let state = 0
				this.diDataLists.find((item) => {
					if (item.Id == key.Id) {
						state = 1
						this.$message.error('数据重复')
						return
					}
				})
				if (state == 1) {
					// this.$message.error('数据重复')
					return
				}
				key.DataItemsStr = key.DataItem
				this.diDataLists.push(key)
			})
			let arr = []
			this.selectedRows.forEach((item) => {
				if (arr.length > 0) {
					if (arr.findIndex((v) => v.value != item.value)) {
						arr.push(item)
					}
					console.log(arr)
				} else {
					arr.push({
						value: item.DataLibraryId,
						label: item.DataAssetsId,
					})
				}
			})
			this.arr11.push(arr)
			// DI导入提交
			this.visible = false
			this.rpaDidataLists = []
			this.handleChangeAssetsSelect = undefined
		},
		handleFocus() {
			this.placeholderText = ''
		},
		//保存草稿
		submitSave() {
			const {
				form: { validateFields },
			} = this

			// 按钮loading
			this.loading = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			validateFields({ force: false }, async (err, values) => {
				// 新需求
				if (this.Newrpa == 2) {
					if (!err) {
						if (values.DpiaRpaId == undefined) {
							this.$message.error(
								this.$t(
									'user.verification-code.required111566110577315'
								)
							)
							return
						}
						let params = {
							DpiaModelId: values.DpiaModelId,
							DpiaName: values.DpiaName,
							DpiaRpaId: values.DpiaRpaId,
						}
						const { data } = await dpiaQuestionsCreatePortal(params)
						this.$message.success(
							this.$t(
								'user.verification-code.required111566110577317'
							)
						)
						this.$router.push('/dpia/service')
					} else {
					}
				} else {
					try {
						if (values.RpaIfCompletedPIA == 1) {
							values.RpaDataDetail = []
						}
						if (values.RpaIfCompletedPIA == 1) {
							values.RpaDataDetail = []
						}
						if (values.RpaNoPIOrImportantInvolved) {
							values.RpaNoPIOrImportantInvolved = 1
							this.pia = false
						} else {
							values.RpaNoPIOrImportantInvolved = 0
						}
						// 选择新增DI
						this.ifLoading = true
						if (this.radioValue == 1) {
							if (!this.DiId) {
								// this.$message.error(this.$t('menu.account.logout1122992277'))
							} else {
								console.log('this.diid', this.diid)
								values['DiId'] = this.diid
							}
						} else {
							values['DiId'] = 0
						}
						// 将数据做基础的处理
						if (values.RpaActivityCycle != undefined) {
							values.RpaActivityCycle =
								values.RpaActivityCycle.join()
						}
						if (values.RpaActivityType != undefined) {
							values.RpaActivityType =
								values.RpaActivityType.join()
						}
						if (values.RpaDataController != undefined) {
							values.RpaDataController =
								values.RpaDataController.toString()
						}

						if (values.RpaSystemNetwork != undefined) {
							values.RpaSystemNetwork =
								values.RpaSystemNetwork.toString()
						}
						// DI数据详情
						values.RpaDataDetail = this.diDataLists
						console.log(
							'values.RpaDataDetail',
							values.RpaDataDetail
						)
						let url = []
						//处理数据流图url
						if (this.fileLists.length > 0) {
							this.fileLists.forEach((item) => {
								let RpaUploadUrlUrl = []
								RpaUploadUrlUrl = item.url
									.split('/')
									.splice(-2, 2)
								console.log(
									RpaUploadUrlUrl,
									RpaUploadUrlUrl.join('/')
								)
								url.push({
									RpaUploadUrl: RpaUploadUrlUrl.join('/'),
									RpaUploadType: item.RpaUploadType,
								})
							})
						}
						//处理架构图url
						if (this.RpaSystemFileLists.length > 0) {
							this.RpaSystemFileLists.forEach((item) => {
								let RpaSystemFileListsUrl = []
								RpaSystemFileListsUrl = item.url
									.split('/')
									.splice(-2, 2)
								url.push({
									RpaUploadUrl:
										RpaSystemFileListsUrl.join('/'),
									RpaUploadType: item.RpaUploadType,
								})
							})
						}
						values.RpaUpload = url
						// values.DiId = 333
						// 指定保存还是提交(1:草稿(Draft),2:上线(Active),3:下线(Offline))
						values['RpaState'] = 1
						var tempRpaDataDetail = []

						console.log(
							'===============> values.RpaDataDetail:',
							values.RpaDataDetail
						)
						for (var i = 0; i < values.RpaDataDetail.length; i++) {
							// 删除ID
							if (!this.types) {
								delete values.RpaDataDetail[i].Id
							}
							values.RpaDataDetail[i].RpaId = values.Id

							// 公共城市字段
							values.RpaDataDetail[i].DataItem = parseInt(
								values.RpaDataDetail[i].DataItem
							)
							var DataCityType =
								typeof values.RpaDataDetail[i].DataCity
							if (DataCityType == 'object') {
								console.log('DataCityType:', DataCityType)
								values.RpaDataDetail[i].DataCity =
									values.RpaDataDetail[i].DataCity.join(',')
							} else {
								values.RpaDataDetail[i].DataCity =
									values.RpaDataDetail[i].DataCity?.toString()
							}

							// 数据存放地
							var DataDepositType =
								typeof values.RpaDataDetail[i].DataDeposit
							if (DataDepositType == 'object') {
								values.RpaDataDetail[i].DataDeposit =
									values.RpaDataDetail[i].DataDeposit.join(
										','
									)
							} else {
								values.RpaDataDetail[i].DataDeposit =
									values.RpaDataDetail[
										i
									].DataDeposit?.toString()
							}

							// 数据来源
							var DataSourceType =
								typeof values.RpaDataDetail[i].DataSource
							if (DataSourceType == 'object') {
								values.RpaDataDetail[i].DataSource =
									values.RpaDataDetail[i].DataSource.join(',')
							} else {
								values.RpaDataDetail[i].DataSource =
									values.RpaDataDetail[
										i
									].DataSource?.toString()
							}

							// 数据目的地
							var DataDestinationType =
								typeof values.RpaDataDetail[i].DataDestination
							if (DataDestinationType == 'object') {
								console.log(
									'DataDestinationType:',
									DataDestinationType
								)
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination.join(',')
							} else {
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination?.toString()
							}

							if ('DataLibraryId' in values.RpaDataDetail[i]) {
								// 如果是导入DI，就会有这个值
								if (
									values.RpaDataDetail[i].DataLibraryId != 0
								) {
									values.RpaDataDetail[i].DataDestination =
										values.RpaDataDetail[
											i
										].DataDestination?.toString()
									values.RpaDataDetail[i].DataItem = parseInt(
										values.RpaDataDetail[i].DataItem
									)
									values.RpaDataDetail[i].DataSource =
										values.RpaDataDetail[
											i
										].DataSource?.toString()
									values.RpaDataDetail[
										i
									].DetailDataLibraryId =
										values.RpaDataDetail[i].DataLibraryId
								}
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination?.toString()
							} else {
								// 新增数据字段
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination?.toString()
								values.RpaDataDetail[i].DataCity =
									values.RpaDataDetail[i].DataCity?.toString()
								values.RpaDataDetail[i].DataSource =
									values.RpaDataDetail[
										i
									].DataSource?.toString()
								values.RpaDataDetail[i].DataItem = parseInt(
									values.RpaDataDetail[i].DataItem
								)
							}

							tempRpaDataDetail.push(values.RpaDataDetail[i])
						}
						values.RpaDataDetail = tempRpaDataDetail
						console.log(values)
						// return
						if (this.cope == 1) {
							delete values.DpiaRpaId
							delete values.Id
						} else {
						}

						const { data } = await rpaCreate({ ...values })
						this.rpaidd = data
						this.DpiaModelId = values.DpiaModelId
						this.DpiaName = values.DpiaName
						this.handleCreateQuestionSubmit()
						console.log('caogao---', data)
						this.$message.success(
							this.$t(
								'user.verification-code.required111566110577308'
							)
						)
						// 返回列表
						this.ifFlag = true
						//   this.$router.push(this.toPage || '/rpa/service')
					} catch (error) {
						console.log(error)
						this.$message.error(error)
					} finally {
						this.loading = false
						this.ifLoading = false
					}
				}
			})
		},
		//弹框
		submitSaveTk() {
			const {
				form: { validateFields },
			} = this
			this.TkTuic = 1
			// 按钮loading
			this.loading = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			validateFields({ force: false }, async (err, values) => {
				if (this.Newrpa == 2) {
					if (values.DpiaRpaId == undefined) {
						this.$message.error(
							this.$t(
								'user.verification-code.required111566110577315'
							)
						)
						return
					}
					let params = {
						DpiaModelId: values.DpiaModelId,
						DpiaName: values.DpiaName,
						DpiaRpaId: values.DpiaRpaId,
					}
					const { data } = await dpiaQuestionsCreate(params)
					this.$message.success(
						this.$t(
							'user.verification-code.required111566110577317'
						)
					)
					this.$router.push('/dpia/service')
				} else {
					try {
						if (values.RpaIfCompletedPIA == 1) {
							values.RpaDataDetail = []
						}
						if (values.RpaIfCompletedPIA == 1) {
							values.RpaDataDetail = []
						}
						if (values.RpaNoPIOrImportantInvolved) {
							values.RpaNoPIOrImportantInvolved = 1
							this.pia = false
						} else {
							values.RpaNoPIOrImportantInvolved = 0
						}
						// 选择新增DI
						this.ifLoading = true
						if (this.radioValue == 1) {
							if (!this.DiId) {
								// this.$message.error(this.$t('menu.account.logout1122992277'))
							} else {
								console.log('this.diid', this.diid)
								values['DiId'] = this.diid
							}
						} else {
							values['DiId'] = 0
						}
						// 将数据做基础的处理
						if (values.RpaActivityCycle != undefined) {
							values.RpaActivityCycle =
								values.RpaActivityCycle.join()
						}
						if (values.RpaActivityType != undefined) {
							values.RpaActivityType =
								values.RpaActivityType.join()
						}
						if (values.RpaDataController != undefined) {
							values.RpaDataController =
								values.RpaDataController.toString()
						}

						if (values.RpaSystemNetwork != undefined) {
							values.RpaSystemNetwork =
								values.RpaSystemNetwork.toString()
						}
						// DI数据详情
						values.RpaDataDetail = this.diDataLists
						console.log(
							'values.RpaDataDetail',
							values.RpaDataDetail
						)
						let url = []
						//处理数据流图url
						if (this.fileLists.length > 0) {
							this.fileLists.forEach((item) => {
								let RpaUploadUrlUrl = []
								RpaUploadUrlUrl = item.url
									.split('/')
									.splice(-2, 2)
								console.log(
									RpaUploadUrlUrl,
									RpaUploadUrlUrl.join('/')
								)
								url.push({
									RpaUploadUrl: RpaUploadUrlUrl.join('/'),
									RpaUploadType: item.RpaUploadType,
								})
							})
						}
						//处理架构图url
						if (this.RpaSystemFileLists.length > 0) {
							this.RpaSystemFileLists.forEach((item) => {
								let RpaSystemFileListsUrl = []
								RpaSystemFileListsUrl = item.url
									.split('/')
									.splice(-2, 2)
								url.push({
									RpaUploadUrl:
										RpaSystemFileListsUrl.join('/'),
									RpaUploadType: item.RpaUploadType,
								})
							})
						}
						values.RpaUpload = url
						// values.DiId = 333
						// 指定保存还是提交(1:草稿(Draft),2:上线(Active),3:下线(Offline))
						values['RpaState'] = 1
						var tempRpaDataDetail = []

						console.log(
							'===============> values.RpaDataDetail:',
							values.RpaDataDetail
						)
						for (var i = 0; i < values.RpaDataDetail.length; i++) {
							// 删除ID
							if (!this.types) {
								delete values.RpaDataDetail[i].Id
							}
							values.RpaDataDetail[i].RpaId = values.Id

							// 公共城市字段
							values.RpaDataDetail[i].DataItem = parseInt(
								values.RpaDataDetail[i].DataItem
							)
							var DataCityType =
								typeof values.RpaDataDetail[i].DataCity
							if (DataCityType == 'object') {
								console.log('DataCityType:', DataCityType)
								values.RpaDataDetail[i].DataCity =
									values.RpaDataDetail[i].DataCity.join(',')
							} else {
								values.RpaDataDetail[i].DataCity =
									values.RpaDataDetail[i].DataCity?.toString()
							}

							// 数据存放地
							var DataDepositType =
								typeof values.RpaDataDetail[i].DataDeposit
							if (DataDepositType == 'object') {
								values.RpaDataDetail[i].DataDeposit =
									values.RpaDataDetail[i].DataDeposit.join(
										','
									)
							} else {
								values.RpaDataDetail[i].DataDeposit =
									values.RpaDataDetail[
										i
									].DataDeposit?.toString()
							}

							// 数据来源
							var DataSourceType =
								typeof values.RpaDataDetail[i].DataSource
							if (DataSourceType == 'object') {
								values.RpaDataDetail[i].DataSource =
									values.RpaDataDetail[i].DataSource.join(',')
							} else {
								values.RpaDataDetail[i].DataSource =
									values.RpaDataDetail[
										i
									].DataSource?.toString()
							}

							// 数据目的地
							var DataDestinationType =
								typeof values.RpaDataDetail[i].DataDestination
							if (DataDestinationType == 'object') {
								console.log(
									'DataDestinationType:',
									DataDestinationType
								)
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination.join(',')
							} else {
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination?.toString()
							}

							if ('DataLibraryId' in values.RpaDataDetail[i]) {
								// 如果是导入DI，就会有这个值
								if (
									values.RpaDataDetail[i].DataLibraryId != 0
								) {
									values.RpaDataDetail[i].DataDestination =
										values.RpaDataDetail[
											i
										].DataDestination?.toString()
									values.RpaDataDetail[i].DataItem = parseInt(
										values.RpaDataDetail[i].DataItem
									)
									values.RpaDataDetail[i].DataSource =
										values.RpaDataDetail[
											i
										].DataSource?.toString()
									values.RpaDataDetail[
										i
									].DetailDataLibraryId =
										values.RpaDataDetail[i].DataLibraryId
								}
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination?.toString()
							} else {
								// 新增数据字段
								values.RpaDataDetail[i].DataDestination =
									values.RpaDataDetail[
										i
									].DataDestination?.toString()
								values.RpaDataDetail[i].DataCity =
									values.RpaDataDetail[i].DataCity?.toString()
								values.RpaDataDetail[i].DataSource =
									values.RpaDataDetail[
										i
									].DataSource?.toString()
								values.RpaDataDetail[i].DataItem = parseInt(
									values.RpaDataDetail[i].DataItem
								)
							}
							tempRpaDataDetail.push(values.RpaDataDetail[i])
						}
						values.RpaDataDetail = tempRpaDataDetail
						if (this.cope == 1) {
							delete values.DpiaRpaId
							delete values.Id
						} else {
						}
						const { data } = await rpaCreate({ ...values })
						this.rpaidd = data
						this.DpiaModelId = values.DpiaModelId
						this.DpiaName = values.DpiaName
						this.handleCreateQuestionSubmit()
						console.log('caogao---', data)
						this.$message.success(
							this.$t(
								'user.verification-code.required111566110577308'
							)
						)
						// 返回列表
						this.ifFlag = true
						console.log("保存推迟")
						// this.$router.push('/dpia/service')
					} catch (error) {
						console.log(error)
						this.$message.error(error)
					} finally {
						this.loading = false
						this.ifLoading = false
					}
				}
			})
		},
		// 取消
		cancellation() {
			this.$router.push('/dpia/service')
			// if (){
			// } else {
			// this.$router.go(-1)
			// }
		},
		getSchoolName(data, datas) {
			this.selectOption = 1
			this.search = false
			this.label = ''
			if (datas) {
				this.form.setFieldsValue({
					DpiaRpaId: '',
				})
				this.selectOpen = false
				this.Nthis = 1
				this.stateCode = 'add'
				this.rpashow = true
				this.state = 'add'
				this.Newrpa = 1
				this.cope = 1
				this.copes(data, 'cope')
			}
		},
		async copes(id) {
			this.pageTitle = 'user.verification-code.required111566110577135'
			this.types = true
			this.createQuestionStatus = false
			// 修改
			try {
				// 读取数据
				this.rpaId = id
				this.rpaidd = id
				await this.$nextTick()
				const { data: rpaInfo } = await rpaDetail({ Id: id })
				if (rpaInfo.RpaNoPIOrImportantInvolved == 1) {
					rpaInfo.RpaNoPIOrImportantInvolved = true
				} else {
					rpaInfo.RpaNoPIOrImportantInvolved = false
				}
				console.log(this.initFromData, '123')
				rpaInfo.RpaDataDetail
					? rpaInfo.RpaDataDetail.forEach((item) => {
						item.DataItemsStr =
							item.DataItem === 0 ? undefined : item.DataItem
					})
					: ''
				this.rpaInfo = rpaInfo
				this.rpaInfo.RpaName = rpaInfo.RpaName + " copy"
				this.initFromData = rpaInfo
				// this.rpaId = id
				// 回显本业务是否涉及线上系统或平台
				this.changvalue = rpaInfo.RpaCollectionChannels
				if (
					rpaInfo.RpaObjective === '其他【请补充说明】' ||
					rpaInfo.RpaObjective === 'bussic.target.h'
				) {
					this.otherPurpose = true
				} else {
					this.otherPurpose = false
				}
				if (rpaInfo.RpaLeaderRetinue) {
					this.userList.push(
						{
							value: rpaInfo.RpaLeaderMaster,
							label: rpaInfo.RpaLeaderMasterStr,
						},
						{
							value: rpaInfo.RpaLeaderRetinue,
							label: rpaInfo.RpaLeaderRetinueStr,
						}
					)
				} else {
					this.userList.push({
						value: rpaInfo.RpaLeaderMaster,
						label: rpaInfo.RpaLeaderMasterStr,
					})
				}

				if (rpaInfo.RpaUpload) {
					rpaInfo.RpaUpload.forEach((item, index) => {
						if (item.RpaUploadType == 1) {
							let name = item.RpaUploadUrl.split('/').slice(-1)
							this.fileLists.push({
								Id: item.Id,
								uid: index,
								name: name,
								status: 'done',
								url: item.RpaUploadUrl,
								RpaUploadType: 1,
							})
						} else {
							let name = item.RpaUploadUrl.split('/').slice(-1)
							this.RpaSystemFileLists.push({
								Id: item.Id,
								uid: index,
								name: name,
								status: 'done',
								url: item.RpaUploadUrl,
								RpaUploadType: 2,
							})
						}
					})
				}
				rpaInfo.RpaActivityCycle = this.strToInt(
					rpaInfo.RpaActivityCycle.split(',')
				)
				rpaInfo.RpaActivityType = this.strToInt(
					rpaInfo.RpaActivityType.split(',')
				)
				let RpaDataController = []
				if (rpaInfo.RpaDataControllerOther != '') {
					this.otherflag = true
				} else if (rpaInfo.RpaDataControllerOther == '') {
					this.otherflag = false
				}
				if (rpaInfo.RpaDataController) {
					rpaInfo.RpaDataController.split(',').forEach((item) => {
						RpaDataController.push(parseInt(item))
					})
				}

				// 数据控制者
				rpaInfo.RpaDataController = RpaDataController
					? RpaDataController
					: undefined
				//业务主负责人
				rpaInfo.RpaLeaderMaster = rpaInfo.RpaLeaderMaster
					? rpaInfo.RpaLeaderMaster
					: undefined
				// 处理活动周期
				rpaInfo.RpaProcessingActivityCycle =
					rpaInfo.RpaProcessingActivityCycle
						? rpaInfo.RpaProcessingActivityCycle
						: undefined
				// 处理活动的系统或网络环境
				rpaInfo.RpaSystemNetwork = parseInt(rpaInfo.RpaSystemNetwork)
					? parseInt(rpaInfo.RpaSystemNetwork)
					: undefined
				// 涉及个人信息主体的数量
				rpaInfo.RpaNumber =
					rpaInfo.RpaNumber == 0 ? undefined : rpaInfo.RpaNumber
				// 涉及敏感个人信息主体的数量
				rpaInfo.RpaSensitiveNumber =
					rpaInfo.RpaSensitiveNumber == 0
						? undefined
						: rpaInfo.RpaSensitiveNumber
				// 本次业务活动是否涉及线上处理活动
				rpaInfo.RpaCollectionChannels =
					rpaInfo.RpaCollectionChannels == 0
						? undefined
						: rpaInfo.RpaCollectionChannels
				// rpaInfo.RpaLeaderMaster = parseInt(rpaInfo.RpaLeaderMaster)
				rpaInfo.RpaLeaderRetinue = rpaInfo.RpaLeaderRetinue
					? rpaInfo.RpaLeaderRetinue
					: undefined
				if (Array.isArray(rpaInfo.RpaDataDetail)) {
					//数据详情里面的城市，数据来源 ，数据目的地
					let arr = []
					this.tempId = 1
					rpaInfo.RpaDataDetail.forEach((item) => {
						// item.DataDeposit = parseInt(item.DataDeposit)
						//目的地
						if (item.Id === 0) {
							item.tempId = ++this.tempId
						}
						if (item.DataDeposit) {
							item.DataDeposit = item.DataDeposit.split(
								','
							).reduce((pre, cur) => {
								pre.push(parseInt(cur))
								return pre
							}, [])
						} else {
							item.DataDeposit = undefined
						}
						// item.DataCity = parseInt(item.DataCity)
						//城市
						if (item.DataCity) {
							item.DataCity = item.DataCity.split(',').reduce(
								(pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								},
								[]
							)
						} else {
							item.DataCity = undefined
						}
						// item.DataDestination = parseInt(item.DataDestination)

						//目的地
						if (item.DataDestination) {
							item.DataDestination = item.DataDestination.split(
								','
							).reduce((pre, cur) => {
								pre.push(parseInt(cur))
								return pre
							}, [])
						} else {
							item.DataDestination = undefined
						}
						if (item.DataDestinationStr) {
							let DataDestinationStr =
								item.DataDestinationStr.split(',')
							DataDestinationStr.map((item) => {
								this.appIdCreatexlFz(item)
							})
						}
						if (item.SourceStr) {
							let SourceStr = item.SourceStr.split(',')
							SourceStr.map((item) => {
								this.appIdCreatexlFz(item)
							})
						}
						//数据来源
						if (item.DataSource) {
							item.DataSource = item.DataSource.split(',').reduce(
								(pre, cur) => {
									pre.push(parseInt(cur))
									return pre
								},
								[]
							)
						} else {
							item.DataSource = undefined
						}
						arr.push(item)
					})
					this.diDataLists = arr
					console.log('arrrrr', arr)
					// this.diList=[...new Set(this.arr11)]
					console.log('this.diList', this.diList)
				}
				await this.$nextTick()
				if (!rpaInfo.RpaObjective) {
					rpaInfo.RpaObjective = undefined
				}
				if (this.$route.query.state == 'edit') {
					rpaInfo.DpiaName = this.$route.query.DpiaName
					if (this.$route.query.DpiaModelId == 0) {
						this.form.setFieldsValue({
							DpiaModelId: '',
							// DpiaRpaId: this.$route.query.DpiaRpaId*1
						})
					} else {
						this.form.setFieldsValue({
							DpiaModelId: this.$route.query.DpiaModelId * 1,
							// DpiaRpaId: this.$route.query.DpiaRpaId*1
						})
					}
					// rpaInfo.DpiaRpaId = this.$route.query.id
				}
				// rpaInfo.DpiaModelId = this.$route.query.DpiaModelId * 1
				console.log(rpaInfo, 90)
				this.form.setFieldsValue(rpaInfo)
			} catch (error) {
				this.$message.error(error)
				console.log(error)
			} finally {
				this.loading = false
			}
		},
		//提交
		submitCreate() {
			const {
				form: { validateFields },
			} = this
			// 按钮loading
			this.loading = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			validateFields({ force: true }, async (err, values) => {
				if (!err) {
					try {
						if (values.RpaNoPIOrImportantInvolved) {
							values.RpaNoPIOrImportantInvolved = 1
						} else {
							values.RpaNoPIOrImportantInvolved = 0
						}
						if (values.RpaIfCompletedPIA == 1) {
							values.RpaDataDetail = []
						}
						if (values.RpaNoPIOrImportantInvolved == 1) {
							values.RpaDataDetail = []
						}
						let resValue = deepClone(values)
						// 将数据做基础的处理
						if (resValue.RpaActivityCycle != undefined) {
							resValue.RpaActivityCycle =
								resValue.RpaActivityCycle.join()
						}
						if (resValue.RpaActivityType != undefined) {
							resValue.RpaActivityType =
								resValue.RpaActivityType.join()
						}
						if (resValue.RpaDataController != undefined) {
							resValue.RpaDataController =
								resValue.RpaDataController.toString()
						}
						if (resValue.RpaSystemNetwork != undefined) {
							resValue.RpaSystemNetwork =
								resValue.RpaSystemNetwork.toString()
						}
						let url = []
						//处理数据流图url
						if (this.fileLists.length > 0) {
							this.fileLists.forEach((item) => {
								let RpaUploadUrlUrl = []
								RpaUploadUrlUrl = item.url
									.split('/')
									.splice(-2, 2)
								url.push({
									RpaUploadUrl: RpaUploadUrlUrl.join('/'),
									RpaUploadType: item.RpaUploadType,
								})
							})
						}
						//处理架构图url
						if (this.RpaSystemFileLists.length > 0) {
							this.RpaSystemFileLists.forEach((item) => {
								let RpaSystemFileListsUrl = []
								RpaSystemFileListsUrl = item.url
									.split('/')
									.splice(-2, 2)
								url.push({
									RpaUploadUrl:
										RpaSystemFileListsUrl.join('/'),
									RpaUploadType: item.RpaUploadType,
								})
							})
						}
						// 判断有没有DIID，有就带进去
						if (this.diId) {
							resValue['DiId'] = this.diId
						} else {
							resValue['DiId'] = 0
						}
						resValue.RpaUpload = url
						// resValue.DiId = 333
						// 指定保存还是提交(1:草稿(Draft),2:上线(Active),3:下线(Offline))
						resValue.RpaState = 2
						// DI数据详情
						resValue.RpaDataDetail = deepClone(this.diDataLists)
						var tempRpaDataDetail = []
						if (
							resValue.RpaDataDetail != null &&
							resValue.RpaDataDetail != undefined
						) {
							for (
								var i = 0;
								i < resValue.RpaDataDetail.length;
								i++
							) {
								// 删除ID
								if (!this.types) {
									delete resValue.RpaDataDetail[i].Id
								}
								resValue.RpaDataDetail[i].RpaId = resValue.Id

								if (
									Object.keys(
										resValue.RpaDataDetail[i]
									).indexOf('DataLibraryId') != -1
								) {
									if (
										resValue.RpaDataDetail[i]
											.DataLibraryId != 0
									) {
										resValue.RpaDataDetail[
											i
										].DetailDataLibraryId =
											resValue.RpaDataDetail[
												i
											].DataLibraryId
										resValue.RpaDataDetail[i].DataItem =
											parseInt(
												resValue.RpaDataDetail[i]
													.DataItem
											)
									}
								} else {
									resValue.RpaDataDetail[i].DataItem =
										parseInt(
											resValue.RpaDataDetail[i].DataItem
										)
								}
								// 公共城市字段
								var DataCityType =
									typeof resValue.RpaDataDetail[i].DataCity
								if (DataCityType == 'object') {
									console.log('DataCityType:', DataCityType)
									resValue.RpaDataDetail[i].DataCity =
										resValue.RpaDataDetail[i].DataCity.join(
											','
										)
								} else {
									resValue.RpaDataDetail[i].DataCity =
										resValue.RpaDataDetail[
											i
										].DataCity.toString()
								}

								// 数据存放地
								var DataDepositType =
									typeof resValue.RpaDataDetail[i].DataDeposit
								if (DataDepositType == 'object') {
									resValue.RpaDataDetail[i].DataDeposit =
										resValue.RpaDataDetail[
											i
										].DataDeposit.join(',')
								} else {
									resValue.RpaDataDetail[i].DataDeposit =
										resValue.RpaDataDetail[
											i
										].DataDeposit.toString()
								}

								// 数据来源
								var DataSourceType =
									typeof resValue.RpaDataDetail[i].DataSource
								if (DataSourceType == 'object') {
									resValue.RpaDataDetail[i].DataSource =
										resValue.RpaDataDetail[
											i
										].DataSource.join(',')
								} else {
									resValue.RpaDataDetail[i].DataSource =
										resValue.RpaDataDetail[
											i
										].DataSource.toString()
								}

								// 数据目的地
								var DataDestinationType =
									typeof resValue.RpaDataDetail[i]
										.DataDestination
								if (DataDestinationType == 'object') {
									console.log(
										'DataDestinationType:',
										DataDestinationType
									)
									resValue.RpaDataDetail[i].DataDestination =
										resValue.RpaDataDetail[
											i
										].DataDestination.join(',')
								} else {
									resValue.RpaDataDetail[i].DataDestination =
										resValue.RpaDataDetail[
											i
										].DataDestination.toString()
								}
								tempRpaDataDetail.push(
									Object.assign(resValue.RpaDataDetail[i])
								)
							}
							resValue.RpaDataDetail = tempRpaDataDetail
						}
						// RPA业务目的
						if (this.cope == 1) {
							delete values.DpiaRpaId
							delete values.Id
						} else {
						}
						let { data } = await rpaCreate(deepClone(resValue))
						this.rpaidd = data
							; (this.DpiaModelId = resValue.DpiaModelId),
								(this.DpiaName = resValue.DpiaName),
								(resValue.RpaObjective = this.$t(
									resValue.RpaObjective
								))
						this.handleCreateQuestionSubmitSH()
					} catch (error) {
						console.log(error)
						this.$message.error(error)
					} finally {
						this.loading = false
					}
				} else {
					setTimeout(() => {
						this.loading = false
					}, 600)
				}
			})
		},
		async openModal() {
			if (this.diDataLists == null) {
				this.diDataLists = []
			}
			this.getAllInfo()
			this.visible = true
		},
		async getAllInfo() {
			const { data: dataItemsSearchData } = await dccDataItemsSelect({
				types: 1,
			})
			this.dataItemsSearchData = []
			this.dataItemsSearchData = dataItemsSearchData
			const { data: appidLists } = await appIdCreatexl({
				content: '',
				types: 1,
			})
			this.appidLists = appidLists
		},
		strToInt(strArr) {
			let arrs = []
			strArr.forEach((key, val) => {
				arrs.push(parseInt(key))
			})
			return arrs
		},
		async init() {
			try {
				if (localStorage.getItem('lang') == '"zh-CN"') {
					this.itLang = true
				} else if (localStorage.getItem('lang') == '"zh-EN"') {
					this.itLang = false
				}
				// 加载RPA下拉
				let data = {
					CreatorType: 'self'
				}
				const { data: rpaListData } = await rpaSelectListsPot(data)
				let datas = {
					CreatorType: 'other'
				}
				const { data: rpaListDatas } = await rpaSelectListsPot(datas)
				// 加载DPIA下拉
				const { data: dpiaSelectListsData } = await dpiaSelectLists()

				// 加载数据控制者数据
				const { data: systemControllerSourceData } =
					await configurationSelect({
						state: 11,
					})

				this.rpaListData = rpaListData
				this.rpaListDatacope = rpaListData
				this.rpaListDatas = rpaListDatas
				this.rpaListDatascope = rpaListDatas

				this.systemControllerSourceData = systemControllerSourceData
				this.dpiaSelectListsData = dpiaSelectListsData
				this.userList = []
				const Lang = this.itLang
				// if (Lang) {
				// 	this.itLang = JSON.parse(Lang)
				// } else {
				// 	// 加载数据处理活动周期
				// 	const { data: dataProcessingActivityCycleData } =
				// 		await configurationSelect({ state: 6 })
				// 	this.dataProcessingActivityCycleData =
				// 		dataProcessingActivityCycleData
				// 	// 加载数据处理活动类型
				// 	const { data: processingActivityTypesData } =
				// 		await configurationSelect({ state: 7 })
				// 	this.processingActivityTypesData =
				// 		processingActivityTypesData
				// }
				this.buttonState = ''
				//di下拉
				this.diList = []
				// 数据流图文件上传
				// this.fileLists = []
				//架构图文件上传
				// this.RpaSystemFileLists = []
				// 加载RPA下拉
				// const { data: rpaListData } = await rpaSelectLists()
				// this.rpaListData = rpaListData
				// // 加载DPIA下拉
				// const { data: dpiaSelectListsData } = await dpiaSelectLists()
				// this.dpiaSelectListsData = dpiaSelectListsData
				// 存放地
				const { data: fonfigurationItemsContent } =
					await configurationSelect({
						state: 4,
					})
				this.fonfigurationItemsContent = fonfigurationItemsContent
				// 进入加载
				this.loading = true
				//数据详情的数据字段
				const { data: dataItemsSearchData } = await dccDataItemsSelect({
					types: 1,
				})
				this.dataItemsSearchData = []
				this.dataItemsSearchData = dataItemsSearchData
				// 	// 获取入参
			} catch (error) {
				this.$message.error(error)
				console.log(error)
			} finally {
				this.loading = false
			}
		},

		async rollback() {
			this.del == '0'
			this.ifFlag = true
			this.$router.push('/dpia/service')
		},
		async appIdCreatexlFz(val) {
			const { data: appidLists } = await appIdCreatexl({
				content: val,
				types: 1,
			})
			this.appidLists = this.appidLists.concat(appidLists)
			const arr = this.appidLists.concat(appidLists);
			const result = Array.from(new Set(arr.map(item => JSON.stringify(item)))).map(item => JSON.parse(item));
			this.appidLists = result;
		},
		async rollbacksa() {
			this.ifvisibles = false
			this.stateCode = 'edit'
			this.state = 'edit'
			this.Rpas(this.selinput)
			this.rpashow = true
			this.Newrpa = 0
			this.inpute = ''
		},
		//文件上传
		async handleChange(e) {
			// 上传提交
			this.uploadLoading = true
			let formdata = new FormData()
			formdata.append('file', e.file)
			try {
				const { status, data } = await axios({
					url: `${this.env}/v1/oss/upload`,
					method: 'post',
					data: formdata,
					headers: {
						token: storage.get(ACCESS_TOKEN),
						tokens: storage.get('bmwToken') || '',
					},
				})
				if (status === 200 && data.code == 1) {
					if (data.data != '') {
						await this.$nextTick()
						var files = data.data
						var index = this.fileLists.length
						if (files != '' && files != undefined) {
							var fileName = files.split('/')
							this.fileLists.push({
								uid: index + 1,
								name: fileName[fileName.length - 1],
								status: 'done',
								url: data.Url + data.data,
								RpaUploadType: 1,
							})
						}
					}
				} else {
					this.$message.error('上传失败')
				}
			} catch (error) {
				console.log(error)
				this.$message.error(error)
			} finally {
				this.uploadLoading = false
			}
			console.log(this.fileLists)
		},
		beforeUpload(file) {
			const isFormatAllowed = ["png", "jpg", "jpeg", "gif", "txt", "pdf", "doc", "docx", "xlsx", "xls", "ppt", "pptx", "vsd", "vsdx", "vssx", "vstx", "vsdm", "vssm", "vstm", "zip", "tar", "rar", "msg"].includes(
				file.name.split('.').pop()
			);
			// console.log('123',isFormatAllowed);
			if (!isFormatAllowed) {
				this.$message.error(this.$t('user.verification-code.supportformat'));
			}
			const isSizeAllowed = file.size / 1024 / 1024 < 20; // 小于20MB
			console.log('123', file.size / 1024 / 1024);

			if (!isSizeAllowed) {
				this.$message.error(this.$t('user.verification-code.filesizeout'));
			}
			return isFormatAllowed && isSizeAllowed;
		},
		//删除上传文件
		async fn(file) {
			console.log('1')
			console.log('file', file)

			const index = this.fileLists.indexOf(file)
			this.fileLists.splice(index, 1)
			await rpaFileDelete({ Id: file.Id })
			return true
		},
		async RpaSystemHandleChange(e) {
			// 架构图上传提交
			this.uploadLoading = true
			let formdata = new FormData()
			formdata.append('file', e.file)
			try {
				const { status, data } = await axios({
					url: `${this.env}/v1/oss/upload`,
					method: 'post',
					data: formdata,
					headers: {
						token: storage.get(ACCESS_TOKEN),
						tokens: storage.get('bmwToken') || '',
					},
				})
				if (status === 200 && data.code === 1) {
					if (data.data !== '') {
						await this.$nextTick()
						var files = data.data
						var index = this.RpaSystemFileLists.length
						if (files !== '' && files !== undefined) {
							var fileName = files.split('/')
							this.RpaSystemFileLists.push({
								uid: index + 1,
								name: fileName[fileName.length - 1],
								status: 'done',
								url: data.Url + data.data,
								RpaUploadType: 2,
							})
						}
					}
				} else {
					this.$message.error('上传失败')
				}
			} catch (error) {
				this.$message.error(error)
			} finally {
				this.uploadLoading = false
			}
		},
		async fn1(file) {
			const index = this.RpaSystemFileLists.indexOf(file)
			this.RpaSystemFileLists.splice(index, 1)
			await rpaFileDelete({ Id: file.Id })
			return true
		},
		//新增数据字段弹窗关闭
		closeDataFields() {
			this.showDataFields = false
		},
		radioChange() {
			if (this.radioValue == 2) {
				this.disabled1 = true
				this.radioValueCheck = true
				this.diId = ''
			} else {
				this.disabled1 = false
			}
		},
		//数据控制者是否出现other获取
		changeselect(value) {
			if (value) {
				let item2 = []
				value.forEach((item) => {
					this.systemControllerSourceData.forEach((item1) => {
						if (item == item1.value) {
							item2.push(item1.label)
						}
					})
				})

				if (item2.includes('Other')) {
					this.otherflag = true
				} else {
					this.otherflag = false
				}
			}
		},
		changePurposeSelect(val) {
			if (val === 'bussic.target.h') {
				this.otherPurpose = true
			} else {
				this.otherPurpose = false
			}
		},
		async positionSearch(content) {
			let { data } = await configurationItemsFind({
				content,
				state: 4,
				types: this.lang === 'zh-CN' ? undefined : 1,
			})
			this.fonfigurationItemsContent = data
		},
		batchup() {
			this.ifLoading = true
			this.batchUpForm.resetFields()
			this.checkedValues = []
			this.batchVisible = true
			this.ifLoading = false
		},
		onSelectChange(selectedRowKeys) {
			this.selectedRowKeys = selectedRowKeys
		},
		onChange(checkedValues) {
			this.checkedValues = checkedValues
			this.btnDisabled = false
			this.$nextTick(() => {
				checkedValues.forEach((element) => {
					let item = this.batchUpForm.getFieldValue(element)
					if (
						item === undefined ||
						!item ||
						(item instanceof Array && !item.length)
					) {
						this.btnDisabled = true
					}
				})
			})
		},
		close() {
			this.batchVisible = false
		},
		submit() {
			let changeList = this.batchUpForm.getFieldsValue(this.checkedValues)
			this.diDataLists.forEach((item) => {
				if (this.selectedRowKeys.includes(item.Id)) {
					for (const key in changeList) {
						item[key] = changeList[key]
					}
				}
			})
			this.close()
		},
		onSelectAll(ifAll) {
			if (ifAll) {
				this.selectedRowKeys = this.diDataLists.map((item) => {
					return item.Id
				})
			} else {
				this.selectedRowKeys = []
			}
		},
		//新建
		showModal(va) {
			this.selectOption = 1
			// this.Newrpa = 1
			const {
				form: { validateFields },
			} = this
			this.selinput = ''
			// 按钮loading
			this.loading = true
			this.ifValidated = true
			// validateFields 是校验form表单数据
			// force: true 是默认所有字段都校验
			// values 表单的值
			if (this.Newrpa == 1) {
				this.ifvisibles = true
				this.NewNpras = 1
				this.Newrpa = 1
				// this.selectOpen = false
				// this.Rpas()
				// this.Nthis = 1
				// this.stateCode = 'add'
				// this.rpashow = true
				// this.state = 'add'
				// this.Newrpa = 1
				// this.form.resetFields()
				// validateFields({ force: false }, async (err, values) => {
				// 	this.rpaInfo = {
				// 		DpiaModelId: values.DpiaModelId,
				// 		DpiaName: values.DpiaName,
				// 	}
				// 	this.form.setFieldsValue({
				// 		DpiaRpaId: '',
				// 	})
				// })
				// this.diDataLists = []
				// this.disabled = false
			} else if (this.selinput == '') {
				// this.ifvisible = false
				this.NewNpras = 0
				this.selectOpen = false
				this.Rpas()
				this.Nthis = 1
				this.stateCode = 'add'
				this.rpashow = true
				this.state = 'add'
				this.Newrpa = 1
				// this.form.resetFields()
				validateFields({ force: false }, async (err, values) => {
					this.rpaInfo = {
						DpiaModelId: values.DpiaModelId,
						DpiaName: values.DpiaName,
					}
					this.form.setFieldsValue({
						DpiaRpaId: '',
					})
				})
				this.diDataLists = []
				this.disabled = false
			} else {
				this.ifvisible = true
				this.selectOpen = false
				this.Rpas()
				this.NewNpras = 0
				this.Nthis = 1
				this.stateCode = 'add'
				this.rpashow = true
				this.state = 'add'
				this.Newrpa = 1
				// this.form.resetFields()
				validateFields({ force: false }, async (err, values) => {
					this.rpaInfo = {
						DpiaModelId: values.DpiaModelId,
						DpiaName: values.DpiaName,
					}
					this.form.setFieldsValue({
						DpiaRpaId: '',
					})
				})
				this.diDataLists = []
				this.disabled = false
			}
		},
		sty() {
			const {
				form: { validateFields },
			} = this
			// this.form.resetFields()
			validateFields({ force: false }, async (err, values) => {
				this.rpaInfo = {
					DpiaModelId: values.DpiaModelId,
					DpiaName: values.DpiaName,
				}
				this.form.setFieldsValue({
					DpiaRpaId: '',
				})
			})
			this.diDataLists = []
			this.disabled = false
		},
		//查看
		onClose() {
			this.Gen = false
			this.search = false
		},
		showsearch(va) {
			this.selectOption = 1
			this.selectOpen = false
			this.search = true
			this.rpaid = va
			this.stateCode = 'see'
			this.state = 'see'
		},
	},
	// 路由守卫监听离开当前页面的操作
	beforeRouteLeave(to, from, next) {
		// 当查看时可以直接返回，或者保存后可以返回
		this.toPage = to
		if (this.disabled || this.ifFlag) {
			next() // Allow the navigation to proceed
		} else {
			if (this.Newrpa == 1) {
				console.log(12)
				// this.ifvisibles = true
				next() // Prevent the navigation
			} else {
				next() // Prevent the navigation
			}
		}
	},
}
</script>
<style lang="less" scoped>
.Down_a {
	width: 409px;
	border: 1px solid #ccccccb3;
	border-radius: 4px;
	height: 32px;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding-left: 10px;
}

.Tas {
	border: 1px solid #cccccc7a;
	border-top: 0;
	border-radius: 2px;
	position: absolute;
	z-index: 1000;
	background: #fff;
}

.Ul_180 {
	height: 180px;
	overflow: auto;
}

.li_30 {
	line-height: 30px;
	padding-left: 8px;
	cursor: pointer;
	position: relative
}

.Bsli {
	background: #7292b39e
}

.options {
	display: flex;
	justify-content: space-between;
}

.li_30:hover {
	.he {
		position: absolute;
		font-size: 20px;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		top: 1px;
		height: 30px;
		padding-right: 21px;
		background: #7292b39e;
		margin-left: -8px;
		z-index: 1000;
	}
}

.options:hover {
	.he {
		position: absolute;
		font-size: 20px;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		top: 1px;
		height: 30px;
		padding-right: 21px;
		background: #d8e0e6a8;
		margin-left: -12px;
	}
}

.he {
	display: none;
	align-items: center;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.card {
	display: flex;
	align-items: center;
	border-radius: 8px;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
	padding: 20px;
	padding-right: 150px;

	h4 {
		font-size: 30px;
	}

	p {
		font-size: 16px;
		color: #999;
	}
}

/deep/ .drawer-form {
	margin-bottom: 50px;

	.ant-form-item {
		margin-right: 10px;
	}

	.ant-form-item-label {
		display: inline-block;
		line-height: 20px;
		width: 100px;
		margin-right: 10px;
		margin-top: 10px;
		margin-left: 10px;
	}
}

.checkbox {
	background: #eee;
	padding: 10px;
	margin-top: 16px;
	position: relative;
	top: -10px;
	left: -10px;

	.ant-form-item-label {
		display: inline-block;
		line-height: 40px;
		width: 150px;
		// margin-right: 10px;
	}
}

/deep/ .ant-table-thead {
	background: #f4f7ff;
	font-weight: 700;
}

.import-butoon {
	margin-top: 13px;
}

.table-di {
	margin-top: 13px;
}

.ty {
	width: 13px;
	height: 13px;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
	border: 4px solid #5076a5;
	border-radius: 50%;
}

.tags {
	left: 298px;
	top: 288px;
	width: 6px;
	height: 14px;
	opacity: 1;
	border-radius: 2px;
	background: rgba(0, 80, 247, 1);
}

/deep/ .shuju {
	margin-left: 10px !important;
}

/deep/ [data-v-23a62919] .drawer-form .ant-form-item {
	margin-right: 90px !important;
}

/deep/ [data-v-23a62919] .drawer-form .ant-form-item-label {
	display: inline-block;
	line-height: 20px;
	width: 100px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: visible !important;
}

/deep/ element.style {
	width: 178px;
	margin-left: 160px !important;
}

/deep/ .drawer-form .ant-form-item-label {
	display: inline-block;
	line-height: 20px;
	width: 145px !important;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: visible !important;
}

.zhushi {
	background-color: skyblue;
	float: left;
	z-index: 99;
	width: 200px;
	position: absolute;
	top: -40px;
	left: 662px;
}

.a-checkbox-group {
	display: flex;
	flex-direction: row;
}

.a-checkbox-group-1 {
	display: flex;
	flex-direction: column;
}

/deep/ .ant-checkbox+span {
	/* padding-right: 8px; */
	/* padding-left: 8px; */
}

.dlex {
	display: flex;
	justify-content: space-evenly;
}

.conter {
	position: relative;
}

.letop {
	position: absolute;
	top: -40px;
	left: 30px;
	z-index: 15;
}

.title-content {
	text-align: center;

	.little-tag {
		font-size: 14px;

		.blue-content {
			color: #1940b4;
		}

		max-width: 284px;
		transform: scale(0.9);
	}
}

:deep(.ant-form-item) {
	margin-bottom: 0;
}

.batchup-btn {
	margin-top: 10px;
	margin-left: -10px;
}

.ant-checkbox-group {
	width: 100%;
}

.ant-form {
	margin-top: 10px;

	:deep(.flex-row) {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;

		.ant-checkbox {
			width: 20px;
		}

		.ant-form-item {
			margin-bottom: 0;
			flex: 1;
			display: flex;
			align-items: center;

			.ant-col.ant-form-item-control-wrapper {
				width: 41.66666667%;
				display: block;
			}
		}
	}
}

.line {
	width: 100%;
	height: 1px;
	margin: 10px 0 10px -10px;
	background-color: #9a9a9a;
}

:deep(.ant-descriptions-view) {

	.ant-descriptions-item-label,
	.ant-descriptions-item-content {
		color: #9a9a9a;
	}
}

.big-box {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Title {
	font-size: 36px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: 0em;
	text-align: left;
	margin-bottom: 25px;
}

.cla2 {
	display: inline-block;
	width: 200px;
}

// .long-text {
//   white-space: normal;
//   /* 使用该属性允许文本换行 */
//   word-wrap: break-word;
//   /* 使用该属性允许长单词或URL地址换行 */
// }
</style>
